Saturday, 24 August 2013

Header Alyeska

FB Gadgets

------------------------------------------------------------------------------------------------------
FIND B SKIN TAG AND  REPLACE BLOW CODE

]]></b:skin>
-------------------------------------------------------------------------------------------------------


a {
color:#000
}
a:hover {
color:#1A5A78;
}
#wrapper {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEcNSAxmQ6iB5R1P3cQzpMu8M-OJbT2kbNP9DQJmOXyiCN9zV-y6UqGKbMz3CBnJHptPkny5le1vBKWppxfdJCHbKWGXKZd9W8YROK1t_rWF2y13PjLtSMldQBuba6KJM7wG2HkxtQH0Na/s1600/glass-blue.jpg) no-repeat scroll center 0 transparent;
padding:0 0 20px;
}
#top .container {
padding:20px 30px;
position:relative;
}
#header {
float:left;
width:600px
}

#header,#header a {
color:#fff
}
#header h1 {
font-family:'Share',cursive;
font-size:48px;
line-height:60px;
text-shadow:-2px 1px 1px #000000;
}
#header img {
width:auto;
max-height:85px
}
.header-addon {
position:absolute;
top:50%;
right:35px;
margin:-25px 0 0
}
.themeblvd-contact-bar li a {
-moz-opacity:.8;
-khtml-opacity:.8;
opacity:.8;
margin-right:1px
}
.header-text {
color:#fff;
line-height:30px;
text-align:right;
text-shadow:1px 1px 1px #000
}
.themeblvd-contact-bar ul {
margin:0;
float:right
}
.themeblvd-contact-bar li {
float:left;
list-style:none;
padding:1px;
}
.themeblvd-contact-bar li a {
display:block;
width:24px;
height:24px;
text-indent:-9999px;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVx5zYGYPASEpMuwIVc6qQcMbnzCjXjCIjwVN-_mAafmrhMnB6B4bcG_ukmlBx8oi1kmwTdnuivFSrzUmjtD8Zga1Sn-rrOXjW7bMtOmguNKjhGd8wx5E-n4dzMfVFFiZS-i4Nwhz5ysQk/s1600/social-media-light.png);
}
.themeblvd-contact-bar li .email {
background-position:0 -144px;
}
.themeblvd-contact-bar li .facebook {
background-position:0 -168px;
}
.themeblvd-contact-bar li .google {
background-position:0 -312px;
}
.themeblvd-contact-bar li .rss {
background-position:0 -504px;
}
.themeblvd-contact-bar li .twitter {
background-position:0 -624px;
}
#main-top {
position:relative;
padding:0 30px
}
#main-top .main-top-left {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqBqH71OKfcPuizgvcc_PHAd5BKEk26aJJiqgYZrxRgo-TgQmM4YID7S23Iz4H7S7SVk2fnVRY1OdYs518rw4GDF0xbJjzd6reyVuRw49055nLZ_vrYQRz2ZjVbqYyU2ZnDtIR_ZaxJsS_/s1600/main-top-boxed-light-left.png) 0 0 no-repeat;
position:absolute;
top:0;
left:0;
width:30px;
height:60px
}
#main-top .main-top-right {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhHRsnH-Bh4aZHyiuc0F5uSsM6TmJ47clonG_XTYuq4tMuvJbduChTJs5qEuwqKyoh2DofHKIFpX0RqfmT1aMjU6gdwvwtrasFObH96YPAl-k5qNaJNOtu_kMnOFrC_K0xvCLMFc6R9Jap/s1600/main-top-boxed-light-right.png) 0 0 no-repeat;
position:absolute;
top:0;
right:0;
width:30px;
height:60px
}
#main-top .main-top-middle {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_sOFp0l81hlRfhrwgbF6vyuzftFczR2B85z12IOCe7GocHMin1gLC5Uhm3VZ7CxbFIKBZUwnAlB8bScZdU3yszpjRv8FFvRKHs5f0yPc0ZHhva4i3NHhVcYULTlsU6I0GR4vEwDewqutT/s1600/main-top-boxed-light-middle.png) 0 0 repeat-x;
height:60px
}
#menu-wrapper {
position:relative
}
#main-menu .flip-dark {
position:relative;
z-index:999;
margin:-57px 13px 0
}
#main-menu .flip-dark .menu-left {
position:absolute;
top:0;
left:0;
width:17px;
height:57px
}
#main-menu .flip-dark .menu-right {
position:absolute;
top:0;
right:0;
width:17px;
height:57px
}
#main-menu .flip-dark .menu-middle {
height:57px;
margin:0 17px
}
#main-menu .flip-dark .menu a {
display:block;
font-family:Arial,Helevtica,Verdana,san-serif;
font-size:11px;
letter-spacing:1px;
line-height:100%;
text-decoration:none;
text-transform:uppercase;
padding:20px 15px 17px
}
#main-menu .flip-dark .menu ul {
border-style:solid;
border-width:0 1px 1px;
margin:49px 0 0;
padding:8px 0
}
#main-menu .flip-dark .menu-left {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXDRlBZD4Ib6UshFpmRNTAlUWgpsQZgsT1DiR8VGgQf1__Ocuseyo16kfeCW_huB3u9VGaViNgbU_HJECCY8IufGc4AKxygQhI7YT2SjLf7iPpOkE0rrIyDc1FyJnvIvidF75NeYydJgbX/s1600/menu-flip-dark.png) 0 0 no-repeat
}
#main-menu .flip-dark .menu-right {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXDRlBZD4Ib6UshFpmRNTAlUWgpsQZgsT1DiR8VGgQf1__Ocuseyo16kfeCW_huB3u9VGaViNgbU_HJECCY8IufGc4AKxygQhI7YT2SjLf7iPpOkE0rrIyDc1FyJnvIvidF75NeYydJgbX/s1600/menu-flip-dark.png) 0 -114px no-repeat
}
#main-menu .flip-dark .menu-middle {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXDRlBZD4Ib6UshFpmRNTAlUWgpsQZgsT1DiR8VGgQf1__Ocuseyo16kfeCW_huB3u9VGaViNgbU_HJECCY8IufGc4AKxygQhI7YT2SjLf7iPpOkE0rrIyDc1FyJnvIvidF75NeYydJgbX/s1600/menu-flip-dark.png) 0 -57px repeat-x
}
#main-menu .flip-dark .menu a:hover {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXDRlBZD4Ib6UshFpmRNTAlUWgpsQZgsT1DiR8VGgQf1__Ocuseyo16kfeCW_huB3u9VGaViNgbU_HJECCY8IufGc4AKxygQhI7YT2SjLf7iPpOkE0rrIyDc1FyJnvIvidF75NeYydJgbX/s1600/menu-flip-dark.png) 0 -171px repeat-x
}
#main-menu .flip-dark .menu,#main-menu .flip-dark .menu li {
float:left
}
#main-menu .flip-dark .menu li li a {
display:block;
font-size:11px;
margin:0 8px;
padding:13px 12px 11px
}
#main-menu .flip-dark .menu li li a:hover {
background-image:none;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px
}
#main-menu .flip-dark .menu a {
color:#eaeaea;
text-shadow:#000 1px 1px 1px
}
#main-menu .flip-dark .menu li li a {
color:#fff;
text-shadow:0
}
#main-menu .flip-dark .menu ul {
background-color:#282828;
border-color:#000
}
#main-menu .flip-dark .menu li li a:hover {
background-color:#313131
}
#main-menu .menu,#main-menu .menu * {
list-style:none;
position:relative;
z-index:999;
margin:0;
padding:0
}
#main-menu .menu {
line-height:1.0
}
#main-menu .menu ul {
position:absolute;
top:-999em;
width:225px
}
#main-menu .menu ul li {
width:100%
}
#main-menu .menu li:hover {
visibility:inherit
}
#main-menu .menu li {
float:left;
position:relative
}
#main-menu .menu a {
display:block;
position:relative
}
#main-menu .menu li:hover ul,#main-menu .menu li.sfHover ul {
left:0;
top:0;
z-index:999
}
#main-menu .menu li li:hover ul,#main-menu .menu li li.sfHover ul {
left:225px;
top:0;
margin:0
}
#main-menu .menu li li li:hover ul,#main-menu .menu li li li.sfHover ul {
left:225px;
top:0
}
#main-menu .menu a.with-ul {
padding-right:2.25em;
min-width:1px
}
.sub-indicator {
position:absolute;
display:block;
right:3px;
top:1.05em;
width:10px;
height:10px;
text-indent:-999em;
overflow:hidden
}
a>.sub-indicator {
display:none;
top:20px;
background-position:0 -100px
}
a:focus>.sub-indicator,a:hover>.sub-indicator,a:active>
.sub-indicator,li:hover>a>.sub-indicator,li.sfHover>a>.sub-indicator {
background-position:-10px -100px
}
#main-menu .menu ul a>.sub-indicator {
background-position:0 0
}
.shadow ul {
padding:0 8px 9px 0
}
.shadow ul.shadow-off {
background:transparent
}
#main-menu .menu li:hover li ul,
ul#main-menu .menu li.sfHover li ul,
#main-menu .menu li li:hover li ul,
#main-menu .menu li li.sfHover li ul {
top:-999em
}
#main-menu .menu ul .sub-indicator,
#main-menu .menu ul a:focus>.sub-indicator,
#main-menu .menu ul a:hover>.sub-indicator,
#main-menu .menu ul a:active>.sub-indicator,
#main-menu .menu ul li:hover>a>.sub-indicator,
#main-menu .menu ul li.sfHover>a>.sub-indicator {
background-position:-10px 0
}
#featured .featured-inner,
#content-wrapper .main-inner,
#featured_below .featured_below-inner,
#bottom #colophon {
margin-left:20px;
margin-right:20px;
background-color:#eee
}
#featured:before,#content-wrapper:before,
#featured_below:before,#bottom:before {
content:"";
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhILhaB8GDUtxeOm4uRv-uRsM7-FgPcy826pEcaF7VSk7ZiGZMZeqBgDZyNRFF5KedVRamqpna2diMJw1c5lIYkC6ab29x0-tJt4FMDndnKvftf9_ignSgVC3LeMs2Q0uPaMcibXdXU47XM/s1600/main-boxed-light.png) 0 0 repeat-y;
display:block;
position:absolute;
top:0;
bottom:0;
left:0;
width:20px
}

#featured .featured-content {
width:98%;
margin:0 1%
}
#after-footer .after-footer-middle {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhszxjIT9TdtCCpC28cQKl88b675HOUsUXDCYYxfXnn3ShMFrdhywAzLNQHuTe7FXQ_RSXBA72SVvn3yuofbYpoKUc2vAmTG7ein-8Mfcm93-8CkuvoaO7vaRo74U4XFzFot589zGZpdDRa/s1600/main-bottom-boxed-light.png) 0 -50px repeat-x;
height:24px;
margin: 0 30px
}

]]></b:skin>



-----------------------------------------------------------------------------------------------------------
AFTER BODY TAG ADD BELOW CODE
<body>
----------------------------------------------------------------------------------------------------------



<div id='wrapper'>
<div id='container'>
<div id='top'>
<div id='header_content'>
<div class='container'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Nice Babes (Header)' type='Header'>
<b:includable id='main'>
<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
<b:if cond='data:mobile'>  
<div id='header-inner'>
<div class='titlewrapper' style='background:transparent'>
<h1 class='title' style='background:transparent;border-width:0'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
<b:else/>        
<div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot;                        + &quot;background-position: &quot;                        + data:backgroundPositionStyleStr + &quot;; &quot;                        + data:widthStyleStr                        + &quot;min-height: &quot; + data:height                        + &quot;_height: &quot; + data:height                        + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
<div class='titlewrapper' style='background:transparent'>
<h1 class='title' style='background:transparent;border-width:0'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
<b:else/>        
<!--Show the image only-->
<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display:block'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display:block'/>
</a>
<b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
<b:include name='description'/>
</b:if>
</div>
</b:if>
<b:else/>
<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
</b:includable>    
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>  
<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
</b:widget>
</b:section>  
<div class='header-addon'>
<div class='social-media'>
 <div class='themeblvd-contact-bar'>
 <ul class='light'>
 <li><a class='email' href='mailto:you@youremail.com' target='_blank' title='Email'>Email</a></li>
 <li><a class='facebook' href='#' target='_blank' title='Facebook'>Facebook</a></li>
 <li><a class='google' href='#' target='_blank' title='Google'>Google</a></li>
 <li><a class='twitter' href='#' target='_blank' title='Twitter'>Twitter</a></li>
 <li><a class='rss' expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' target='_blank' title='Rss'>Rss</a></li>
 </ul>
 <div class='clear'/></div>
 </div>
 <div class='header-text'>
 <strong>Call Now: 1-800-123-4567</strong></div>
</div>
<div class='clear'/>
</div>
</div>
<div id='menu-wrapper'>
<div id='main-top'>
<div class='main-top-left'/>
<div class='main-top-right'/>
<div class='main-top-middle'/>
</div>
<div id='main-menu'>
<div class='flip-dark' id='menu-inner'>
<div class='menu-left'> </div>
<div class='menu-middle'>
<div class='menu-middle-inner'>
<ul class='menu' id='menu-main-menu'>
<li><a href='#'>Home</a></li>
<li><a href='#'>Blog</a></li>
<li><a href='#'>Portfolio</a></li>
<li><a href='#'>Sidebar Layouts</a>
<ul class='sub-menu'>
<li><a href='#'>Full Width Page</a></li>
<li><a href='#'>Sidebar Right</a></li>
<li><a href='#'>Sidebar Left</a></li>
<li><a href='#'>Double Sidebars</a></li>
<li><a href='#'>Double Right Sidebars</a></li>
<li><a href='#'>Double Left Sidebars</a></li>
</ul>
</li>
<li><a href='#'>Sample Layouts</a>
<ul class='sub-menu'>
<li><a href='#'>Business Homepage #1</a></li>
<li><a href='#'>Business Homepage #2</a></li>
<li><a href='#'>Business Homepage #3</a></li>
<li><a href='#'>Business Homepage #4</a></li>
<li><a href='#'>Classic Magazine #1</a></li>
<li><a href='#'>Classic Magazine #2</a></li>
<li><a href='#'>Design Agency</a></li>
<li><a href='#'>Portfolio Homepage</a></li>
<li><a href='#'>Showcase Blogger</a></li>
<li><a href='#'>The Orman</a></li>
<li><a href='#'>The McAlister</a></li>
<li><a href='#'>The WebTreats Special</a></li>
</ul>
</li>
<li><a href='#'>Features</a>
<ul class='sub-menu'>
<li><a href='#'>Contact Forms</a></li>
<li><a href='#'>Layout Builder</a></li>
<li><a href='#'>Lightbox Integration</a></li>
<li><a href='#'>Portfolios</a></li>
<li><a href='#'>Responsive Design</a></li>
<li><a href='#'>Shortcodes</a>
<ul class='sub-menu'>
<li><a href='#'>Columns</a></li>
<li><a href='#'>Display Posts</a></li>
<li><a href='#'>HTML Elements</a></li>
<li><a href='#'>Icons</a></li>
<li><a href='#'>Sliders</a></li>
<li><a href='#'>Tabs and Toggles</a></li>
</ul>
</li>
<li><a href='#'>Slider Manager</a></li>
<li><a href='#'>Total Control</a>
<ul class='sub-menu'>
<li><a href='#'>Content Options</a></li>
<li><a href='#'>Font Control</a></li>
<li><a href='#'>Footer Options</a></li>
<li><a href='#'>Post Options</a></li>
</ul>
</li>
<li><a href='#'>Typography</a></li>
<li><a href='#'>Unlimited Sidebars</a></li>
</ul>
</li>
<li><a href='#'>Page Templates</a>
<ul class='sub-menu'>
<li><a href='#'>Archives</a></li>
<li><a href='#'>Post List</a></li>
<li><a href='#'>Post Grid</a>
<ul class='sub-menu'>
<li><a href='#'>Post Grid &#8211; 2 Columns</a></li>
<li><a href='#'>Post Grid &#8211; 3 Columns</a></li>
<li><a href='#'>Post Grid &#8211; 4 Columns</a></li>
<li><a href='#'>Post Grid &#8211; 5 Columns</a></li>
</ul>
</li>
<li><a href='#'>Sitemap</a></li>
<li><a href='#'>Redirect</a></li>
</ul>
</li>
</ul>
</div>
</div>
<div class='menu-right'> </div>
</div>
</div>
</div>
</div></div>




FB Gadgets


facebook
FB Gadgets


FB Gadgets





Related Post for Header Alyeska

  • QUIZY MEMORY CARD GAME ---------------------------------------------------------------------------------------------------------- READ MORE: http://memorygame.quizyplugin.com https://holifestival.de/…
  • MEMORY GAME WITH UPPER HIDDEN CARD -------------------------------------------------------------------------------------------------------------- Other Games http://www.internet4classrooms.com/skill_builders/s…
  • IMAGE UPLOAD WITH JAVA WITHOUT PHP CODE ------------------------------------------------------------------------------------------------------ COPY AND PASTE BELOW CODE IN NOTE PAD AND SAVE IN HTML FILE -----------…
  • SCREEN TO GIF ------------------------------------------------------------------------------------------------------------------ Read More:  3:30 PDF HTML IMAGE CONVERTER HD…
  • CSS SYNTAX HIGHLIGHT CHANGE IN NOTEPAD++ SYNTAX HIGHLIGHTER ------------------------------------------------------------------------------------------------------------------- SYNTAX HIGHLIGHTER LINKS -----------------------------------…
  • IMAGE SRC ARRAY IN JAVA SCRIPT --------------------------------------------------------------------------------------------------------------- CODE:1 http://fbgadgets.blogspot.co.uk/2017/07/java-script-arra…
  • IMAGE UPLOAD WITH JAVA WITH PHP CODE ------------------------------------------------------------------------------------------------------ CREATE FOLDER AND CREATE AND SAVE FILES ONE BY ONE IN THIS FOLDER &nb…
  • NOTEPAD++ REMOVE UNWANTED LINES ------------------------------------------------------------------------------------------------------------------------------------------------------------ STEP NO : 1 1- CT…
  • BUTTON CHANGE INTO DROPDOWN MENU ----------------------------------------------------------------------------------------------------------------- DIV TAG DROPDOWN MENU https://www.youtube.com/watc…
Posted by on Saturday, 24 August 2013 at 12:33
Labels:

0 comments:

Post a Comment

:) :)) ;(( :-) =)) ;( ;-( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ $-) (b) (f) x-) (k) (h) (c) cheer
Click to see the code!
To insert emoticon you must added at least one space before the code.

Subscribe to: Post Comments (Atom)
FB Gadgets | Template Designed by Fatakat PhotosCoolBThemes.com
Code by : paid web directory

https://www.google.co.uk/search?q=site%3Ablogspot.com+fbgadgets