¿Como cambio el header de mi blog?

Inicio Foros WordPress Themes y Diseño ¿Como cambio el header de mi blog?

Este debate contiene 0 respuestas, tiene 1 mensaje y lo actualizó  Taling hace 7 años, 10 meses.

  • Autor
    Publicaciones
  • #20089

    Taling
    Participante

    <p>Hola, quiero cambiar el titulo que tiene mi blog por un logo, osea un header para ponerle una imagen y no salga ese texto. Eh leido que es modificando el Styles.ccs y el header.php asi que lo pongo aqui a ver si me ayudan.</p>
    <p>mi blog: http://dboyflowmusic.webcindario.com/</p&gt;
    <p>Header.php<br />

    Quote:
    &lt;?php include (TEMPLATEPATH.’/library/get-theme-options.php’); ?&gt;</p>
    <p>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;<br />
    &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;<br />
    &lt;head profile="http://gmpg.org/xfn/11"&gt;</p&gt;
    <p> &lt;title&gt;&lt;?php bloginfo(‘name’); ?&gt;&lt;?php wp_title(); ?&gt;&lt;/title&gt;</p>
    <p> &lt;meta http-equiv="Content-Type" content="&lt;?php bloginfo(‘html_type’); ?&gt;; charset=&lt;?php bloginfo(‘charset’); ?&gt;" /&gt;<br />
    &lt;meta name="generator" content="WordPress &lt;?php bloginfo(‘version’); ?&gt;" /&gt; &lt;!– leave this for stats please –&gt;</p>
    <p> &lt;link rel="stylesheet" href="&lt;?php bloginfo(‘stylesheet_url’); ?&gt;" type="text/css" media="screen" /&gt;</p>
    <p> &lt;link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="&lt;?php bloginfo(‘rss2_url’); ?&gt;" /&gt;<br />
    &lt;link rel="alternate" type="text/xml" title="RSS .92" href="&lt;?php bloginfo(‘rss_url’); ?&gt;" /&gt;<br />
    &lt;link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="&lt;?php bloginfo(‘atom_url’); ?&gt;" /&gt;<br />
    &lt;link rel="pingback" href="&lt;?php bloginfo(‘pingback_url’); ?&gt;" /&gt;</p>
    <p> &lt;!–[if IE 6]&gt;<br />
    &lt;link rel="stylesheet" type="text/css" href="&lt;?php bloginfo(‘template_url’); ?&gt;/ie6.css" /&gt;<br />
    &lt;![endif]–&gt;</p>
    <p> &lt;script type="text/javascript" src="&lt;?php bloginfo(‘template_directory’); ?&gt;/js/jquery.min.js"&gt;&lt;/script&gt;<br />
    &lt;script type="text/javascript" src="&lt;?php bloginfo(‘template_directory’); ?&gt;/js/jquery.easing.1.2.js"&gt;&lt;/script&gt;<br />
    &lt;script type="text/javascript" charset="utf-8" src="&lt;?php bloginfo(‘template_directory’); ?&gt;/js/jquery.anythingslider.js"&gt;&lt;/script&gt;<br />
    &lt;script type="text/javascript" charset="utf-8" src="&lt;?php bloginfo(‘template_directory’); ?&gt;/js/custom.js"&gt;&lt;/script&gt;</p>
    <p> &lt;?php wp_get_archives(‘type=monthly&amp;format=link’); ?&gt;<br />
    &lt;?php //comments_popup_script(); // off by default ?&gt;</p>
    <p> &lt;?php if ( is_singular() ) wp_enqueue_script( ‘comment-reply’ ); ?&gt; </p>
    <p> &lt;?php wp_head(); ?&gt;</p>
    <p>&lt;/head&gt;</p>
    <p>&lt;body id="top"&gt;</p>
    <p>&lt;div id="wrapper"&gt;</p>
    <p> &lt;div id="header"&gt;<br />
    &lt;div id="header-inner"&gt;</p>
    <p> &lt;div class="site_title"&gt;<br />
    &lt;h1&gt;<a>" title="&lt;?php bloginfo(‘name’); ?&gt; &lt;?php _e(‘home page’); ?&gt;"&gt;&lt;?php bloginfo(‘name’); ?&gt;</a>&lt;/h1&gt;<br />
    &lt;/div&gt; &lt;!– end site_title –&gt;</p>
    <p> &lt;div id="header_search"&gt;</p>
    <p> &lt;?php include (TEMPLATEPATH . ‘/searchform.php’); ?&gt;<br />
    &lt;ul class="social_bookmarks"&gt;<br />
    &lt;li class="rss"&gt;<a>"&gt;RSS</a><br />
    &lt;li class="email"&gt;<a>"&gt;E-mail</a><br />
    &lt;li class="twitter"&gt;<a>"&gt;Twitter</a><br />
    &lt;li class="facebook"&gt;<a>"&gt;Facebook</a><br />
    &lt;li class="flickr"&gt;<a>"&gt;Flickr</a><br />
    &lt;!– end social_bookmarks–&gt; </p>
    <p> &lt;/div&gt; &lt;!– end header_search –&gt;</p>
    <p> &lt;div class="topmenubox"&gt;<br />
    &lt;div class="topmenu"&gt;</p>
    <p> &lt;ul id="dropmenu"&gt;<br />
    &lt;li class="&lt;?php if ( is_home() ) { ?&gt;current_page_item&lt;?php } else { ?&gt;page_item&lt;?php } ?&gt;"&gt;<a>"&gt;<img />/images/home.png" alt="home" width="20" /&gt;</a><br />
    &lt;?php wp_list_pages(‘sort_column=menu_order&amp;title_li=’); ?&gt;</p>
    <p> &lt;/div&gt; &lt;!– end topmenu –&gt;<br />
    &lt;/div&gt; &lt;!– end topmenubox –&gt;</p>
    <p> &lt;/div&gt;&lt;!– #header-inner (end) –&gt;<br />
    &lt;/div&gt;&lt;!– #header (end) –&gt;</p>
    <p>

    </p>
    <p>Style.css<br />

    Quote:
    /*<br />
    Theme Name: Suede<br />
    Theme URI: http://www.wpjuicy.com/suede-wordpress-theme.htm<br />
    Description: A theme for WordPress. Read documentation for more info.<br />
    Version: 1.0<br />
    Author: website hosting<br />
    Author URI: http://www.hostreviewgeeks.com<br />
    Tags: custom-header, threaded-comments, fixed-width, right-sidebar, two-columns<br />
    */</p>
    <p>/*


    GENERAL


    */</p>
    <p>@font-face {<br />
    font-family: "TitilliumText22LLight";<br />
    src: url("fonts/TitilliumText22L002-webfont.eot");<br />
    src: local("☺"), url("fonts/TitilliumText22L002-webfont.woff") format("woff"), url("fonts/TitilliumText22L002-webfont.ttf") format("truetype"), url("fonts/TitilliumText22L002-webfont.svg#webfontnDp1DDKc") format("svg");<br />
    font-weight: normal;<br />
    font-style: normal;<br />
    }</p>
    <p>@font-face {<br />
    font-family: "TitilliumText22LMedium";<br />
    src: url("fonts/TitilliumText22L004-webfont.eot");<br />
    src: local("☺"), url("fonts/TitilliumText22L004-webfont.woff") format("woff"), url("fonts/TitilliumText22L004-webfont.ttf") format("truetype"), url("fonts/TitilliumText22L004-webfont.svg#webfontYPX3ZfOn") format("svg");<br />
    font-weight: normal;<br />
    font-style: normal;<br />
    }</p>
    <p>* { margin: 0; padding: 0; }</p>
    <p>html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre,<br />
    a, address, code, img,<br />
    small, strong, dl, dt, dd, ol, ul, li,<br />
    fieldset, form, label {<br />
    margin: 0;<br />
    padding: 0;<br />
    border: 0;<br />
    outline: 0;<br />
    vertical-align: baseline;<br />
    }</p>
    <p>body { font-family: "Trebuchet MS", Verdana, Arial, Myriad Pro; font-size: 14px; line-height: 1.5em; text-align: left; color: #050505; }</p>
    <p>h1 { font-family: "TitilliumText22LMedium", Myriad Pro, Arial, Verdana; font-weight: normal; }<br />
    h2, h3, h4, h5, h6 { font-family: "TitilliumText22LLight", Myriad Pro, Arial, Verdana; font-weight: normal; }<br />
    h1 { font-size: 44px; }<br />
    h2 { font-size: 28px; }<br />
    h3 { font-size: 24px; }<br />
    h4, h5, h6 { font-size: 15px; }</p>
    <p>a { text-decoration: none; color: #680000; }<br />
    a:hover { text-decoration: underline; }</p>
    <p>hr { display: none; }</p>
    <p>.entry img { padding: 0; margin: 3px 10px 3px 3px; }</p>
    <p>img.centered { display: block; margin-left: auto; margin-right: auto; }<br />
    img.alignright { margin: 0 0 3px 3px; padding: 0; display: inline; }<br />
    img.alignleft { margin: 0 10px 3px 0; padding: 0; display: inline; }<br />
    img.wp-smiley { border: 0; margin: 0; padding: 0; background: transparent; }</p>
    <p>a img { border: 0; }</p>
    <p>input, textarea { font-family: Arial, Helvetica, Georgia, Sans-Serif; font-size: 12px; padding: 2px; }<br />
    input#s, input#author, input#email, input#url, textarea#comment { padding: 3px; }</p>
    <p>input#author, input#email, input#url { margin: 0 5px 0 0; }</p>
    <p>pre { width: 90%; }<br />
    small { font-size: 80%; }<br />
    code { color: #008099}<br />
    blockquote { margin: 1em 3em; color: #777; border-left: 2px solid #999; padding-left: 1em; }</p>
    <p>.aligncenter { display: block; margin-left: auto; margin-right: auto; }<br />
    .alignleft { float: left; }<br />
    .alignright { float: right; }</p>
    <p>.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }</p>
    <p>.wp-caption img { margin: 0; padding: 0; border: 0 none; }</p>
    <p>.wp-caption-dd { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }</p>
    <p>/*


    LAYOUT


    */</p>
    <p>#header { height: 184px; background: url(images/bg-red-grad.png) repeat-x top center; position: relative; z-index: 300; }<br />
    #header-inner { margin: auto; width: 1004px; position: relative; }</p>
    <p>#header .topmenubox { margin: 0; padding: 0; }<br />
    #header .topmenu { width: 1000px; height: 40px; padding: 5px 0 0 0; margin: 0; clear: both; background: url(images/bg-top.png) repeat-x top center; }</p>
    <p>.boxgallery { padding: 0; margin: 10px 0 0 0; border: 1px solid #111;}</p>
    <p>#main { overflow: hidden; padding-bottom: 10px; z-index: 1; position: relative; background: url(images/bg-body.gif); }<br />
    #main-inner { margin: auto; padding: 0; width: 1000px; overflow: hidden; min-height: 350px; }</p>
    <p>.contentwide { float: left; width: 1000px; }</p>
    <p>.content { float: left; width: 698px; margin: 0; padding: 0; }</p>
    <p>#sidebar { float: right; width: 290px; margin: 0; padding: 0; }</p>
    <p>#footer-box-container { width: 1000px; margin: 0 auto; }</p>
    <p>/*


    HEADER / SITE TITLE


    */</p>
    <p>#header .site_title { float: left; width: 100%; height: 144px; }<br />
    #header .site_title h1, #header .site_title h1 a { padding: 85px 0 0 10px; color: #f1f1f1; }<br />
    #header .site_title a:hover { text-decoration: none; text-transform: uppercase; }</p>
    <p>#header .description { padding: 0; }</p>
    <p>/*


    DROP-DOWN MENU


    */</p>
    <p>#dropmenu, #dropmenu ul { margin: 0; padding: 0; list-style-type: none; list-style-position: outside; position: relative; line-height: 1.6em; z-index: 300; width: 100%; text-transform: uppercase; font-size: 95%; }</p>
    <p>#dropmenu a { color: #e0090a; display: block; padding: 6px 20px; text-decoration: none; }</p>
    <p>#dropmenu a:hover { color: #f1f1f1; background: none; }</p>
    <p>#dropmenu li { float: left; position: relative; z-index: 400;}<br />
    #dropmenu ul { position: absolute; display: none; width: 120px; top: 2.5em; left: 0; }<br />
    #dropmenu ul a { }<br />
    #dropmenu li ul a { border-bottom: 1px solid #ac0708; width: 90px; height: auto; float: left; }<br />
    #dropmenu li ul a:hover { background: #620000; }</p>
    <p>#dropmenu ul ul { top: auto; }<br />
    #dropmenu li ul ul { left: 120px; margin: 0 0 0 10px; }<br />
    #dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul { display: none; }<br />
    #dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul { display: block; }</p>
    <p>#dropmenu ul li, #dropmenu li.active .children li.active ul li { padding: 0; width: 130px; background: #620000; }<br />
    #dropmenu ul li:hover { background: #620000; padding: 0; }</p>
    <p>/*


    SEARCH


    */</p>
    <p>#header_search { background: url(images/bg-body.gif); position: absolute; clear: both; right:0px; padding: 10px 14px 10px 0px; top: 0; width: 340px; border-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; }</p>
    <p>.social_bookmarks .rss a { background: url(images/rss.png) 0 0 no-repeat;}<br />
    .social_bookmarks .email a { background: url(images/email.png) 0 0 no-repeat;}<br />
    .social_bookmarks .twitter a { background: url(images/twitter.png) 0 0 no-repeat;}<br />
    .social_bookmarks .facebook a { background: url(images/facebook.png) 0 0 no-repeat;}<br />
    .social_bookmarks .flickr a { background: url(images/flickr.png) 0 0 no-repeat;}</p>
    <p>#header #s { background: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }<br />
    #searchsubmit { background: transparent url(images/search.png) 2px center no-repeat; }</p>
    <p>#header #searchform { float: right; }</p>
    <p>#searchform, #searchform div { position: relative; }</p>
    <p>#header #searchsubmit { border:medium none; cursor:pointer; display:block; height:35px; outline:none; padding:0; position:absolute; text-indent:-9999px; width:35px; right:-6px; top:-6px; }</p>
    <p>#header #s { border: none; width: 200px; color: #555; top: 0; height: 15px; font-family: Myriad Pro, Geneva, Arial, Helvetica, Tahoma, sans-serif; }</p>
    <p>.social_bookmarks { border:none; display: block; float: right; list-style-type: none; list-style-position: outside; padding: 5px 5px 0 0; position: relative; z-index: 6; }<br />
    .social_bookmarks li { float: left; margin: 0; width: 16px; padding: 0 7px 0 0; }<br />
    .social_bookmarks li a { height: 16px; width: 16px; display: block; float: left; text-indent: -9999px; border: none; padding: 0; outline: none; }</p>
    <p>/*


    POSTS


    */</p>
    <p>.boxpost { padding: 1px; background: #111; margin-top: 10px; }<br />
    .post { padding: 30px 10px 10px 10px; background: #ffffff url(images/bg-white.png) no-repeat top center; }</p>
    <p>.entry { padding: 0; }</p>
    <p>.post p { margin: 0; }<br />
    .post h2, .post h2 a { padding: 5px 0 10px 0; color: #a00608; }</p>
    <p>.thumb { float: left; margin: 0 15px 0 0; padding: 0; }</p>
    <p>.post ul, .post ol { margin: 0; padding: 0 0 0 20px; }<br />
    .post ul li, .post ol li { padding: 0 0 0 10px; }</p>
    <p>.postinfo { padding: 15px 5px 5px 5px; font-size: 10px; font-style: italic; line-height: 12px; width: 455px; float: right;}</p>
    <p>.boxpagenav { padding: 1px; margin: 20px 0 0 0; }<br />
    .pagenav { margin: 0; padding: 40px 0; background: url(images/top.png) no-repeat top center; text-transform: uppercase; text-align: center; color: #ccc; }<br />
    .pagenav a { color: #f1f1f1; }<br />
    .pagenav .current { background: red; border: none;}</p>
    <p>/*


    SIDEBAR TABS


    */</p>
    <p>#sidebartop { float: left; width: 290px; margin: 10px 0 0 0; padding: 0; clear: both; }<br />
    #sidebartabs { width: 288px; margin: 0; }<br />
    #sidebartabs li { margin: 0; padding: 10px; list-style: none; }<br />
    #sidebartabs ul li { padding: 0; margin: 0; }<br />
    #sidebartabs ul ul li { padding: 0 0 0 10px; }<br />
    #sidebartabs ul ul ul li { padding: 0 0 0 10px; }</p>
    <p>ul.tabs { margin: 0; padding: 0; float: left; list-style: none; height: 35px; border-bottom: 1px solid #111; border-left: 1px solid #111; width: 100%; }<br />
    ul.tabs li { width: 49%; float: left; margin: 0; padding: 0; height: 34px; line-height: 34px; border: 1px solid #111; border-left: none; margin-bottom: -1px; background: #690000; overflow: hidden; position: relative; }<br />
    ul.tabs li a { text-decoration: none; display: block; padding: 0 10px; border: 1px solid #dd090a; outline: none; font-size: 16px; text-align: center; color: #f1f1f1; }</p>
    <p>html ul.tabs li.active, html ul.tabs li.active a:hover { background: #dd090a; border-bottom: 1px solid #dd090a; color: #f1f1f1; }</p>
    <p>.tab_container { border: 1px solid #111; border-top: none; clear: both; float: left; width: 100%; background: #dd090a; }</p>
    <p>.tab_content { padding: 20px; }<br />
    .tab_content a { line-height: 25px; }</p>
    <p>/*


    SIDEBAR TWITTER


    */</p>
    <p>.boxinsidetwitter { padding: 10px; min-height: 60px; background: #dd090a url(images/twitter-bird-2.png) no-repeat top right; border: 1px solid #111; }</p>
    <p>#twitter_update_list li { list-style-type: none; }<br />
    #twitter_update_list span { font-style: italic; padding: 0 10px 0 0; }</p>
    <p>#twitter_update_list span a { display: inline; }<br />
    #twitter_update_list span a:hover { text-decoration: underline; }</p>
    <p>/*


    SIDEBAR


    */</p>
    <p>#sidebar h3 { margin: 2px 0; padding: 0; color: #580000; }<br />
    #sidebar { color: #ddd; }<br />
    #sidebar a { color: #bcbcbc; }<br />
    #sidebar .posted { font-size: 90%; line-height: 15px;}</p>
    <p>#sidebar .adv { text-align: center; }</p>
    <p>#sidebar1 { margin: 10px 0; }</p>
    <p>#sidebar p { padding: 8px 0; }<br />
    #sidebar ul { margin: 0; padding: 0; list-style: none; clear: both; }<br />
    #sidebar1 li { margin: 0; padding: 10px; list-style: none; clear: both; }<br />
    #sidebar1 ul li { padding: 0; margin: 0; list-style: none; }<br />
    #sidebar1 h3 { border: none; }</p>
    <p>#sidebar2 ul { margin: 0; padding: 0; list-style: none; clear: both; }<br />
    #sidebar2 li { margin: 0; padding: 10px; list-style: none; clear: both; }<br />
    #sidebar2 ul li { padding: 0; margin: 0; }<br />
    #sidebar2 ul ul li { padding: 0 0 0 10px; }<br />
    #sidebar2 ul ul ul li { padding: 0 0 0 10px; }</p>
    <p>#sidebar img { float: left; margin: 4px; }</p>
    <p>.boxsidebar { margin: 10px 0 0 0; padding: 10px; background: #910606 url(images/bg-red-sb.png) no-repeat top center; border: 1px solid #111;}</p>
    <p>/*


    COMMENTS


    */</p>
    <p>.comments { padding: 20px 0 0 0; }<br />
    .comments h2 { padding-bottom: 20px; }</p>
    <p>#respond h3 { }</p>
    <p>#commentform #author, #commentform #email, #commentform #url, #commentform textarea { border: 1px solid #cd8900; margin-left: 10px; margin-bottom: 10px; }</p>
    <p>#commentform textarea { width: 96%; margin-bottom: 10px; }</p>
    <p>#commentlist, #commentlist2 { width: 98%; margin: 0 0 20px 0; padding: 0 0 0 10px; }<br />
    #commentlist ul, #commentlist2 ul { margin: 0; padding: 0; }</p>
    <p>#commentlist li { border: 1px solid #cd8900; margin: 0 0 20px 0; list-style-type: none; padding: 0; }<br />
    #commentlist2 li { border: 1px solid #cd8900; margin: 0 0 20px 0; list-style-type: none; padding: 5px 14px 9px 63px; }</p>
    <p>#commentlist li p { padding: 5px 10px 5px 80px; margin: 0; }<br />
    #commentlist2 li p { margin: 0; }</p>
    <p>#commentlist a, #commentlist2 a { }</p>
    <p>#commentlist li div.meta, #commentlist2 li div.meta { padding: 0; margin: 0; text-align: center; }</p>
    <p>#commentlist2 li.even { background: transparent; }<br />
    #commentlist2 li.odd { background: transparent; }</p>
    <p>#commentlist li .avatar { margin: 5px; }<br />
    #commentlist2 li .avatar { margin-left: -58px; }</p>
    <p>.avatar { float: left; padding: 0; border: 1px solid #cd8900; width: 50px; height: 50px; } </p>
    <p>#commentlist2 li ul li { margin-right: -15px; margin-left: -50px; margin-bottom: -10px; }</p>
    <p>.children { padding: 0; }</p>
    <p>.reply { text-align: right; padding: 5px; }<br />
    .navigation { width: 100%; height: 20px; }<br />
    .cancel-comment-reply { text-align: right; float: none; }</p>
    <p>.comment-meta1 { float: right; margin-top: 5px; margin-right: 10px; margin-bottom: 10px; font-size: 80%; }<br />
    .comment-meta1 a { }</p>
    <p>.comment-meta a { font-size: 8px; float: right; margin-top: -18px; }</p>
    <p>.fn { font-size: 110%; font-weight: bold; font-style: normal; }<br />
    .says { display: none; }</p>
    <p>/*


    CALENDAR


    */</p>
    <p>table#wp-calendar { width: 100%; text-transform: none; }</p>
    <p>table#wp-calendar caption { padding: 10px 15px; }</p>
    <p>table#wp-calendar th { padding: 0px; text-align: center; background: #eee; }<br />
    table#wp-calendar td { padding: 0px; text-align: center; }</p>
    <p>/*


    FOOTER


    */</p>
    <p>#footer { float: left; width: 100%; clear: both; text-align: center; background: #910606 url(images/bg-red-grad.png) no-repeat top center; color: #ccc; }</p>
    <p>#footercredit { float: left; width: 100%; font-size: 11px; clear: both; }</p>
    <p>#footer p { margin: 0; padding: 20px 0; }<br />
    #footer a { color: #bebebe;}</p>
    <p>.boxfooter { float: left; width: 100%; clear: both; }<br />
    .boxfooter h3 { margin: 0 0 10px 0; padding: 10px 0 5px 0; color: #f1f1f1; background: url(images/bg-top.png) repeat-x top center; }</p>
    <p>.footerinside { width: 280px; float: left; }<br />
    .footerinsideright { width: 260px; float: right; }</p>
    <p>.footerinside, .footerinsideright { padding: 20px 30px 0 30px; margin: 20px 0; }<br />
    .footerinside p, .footerinsideright p { padding: 0 10px; }<br />
    .footerinside ul, .footerinsideright ul { margin: 0; padding: 0; list-style: none; clear: both; }<br />
    .footerinside li, .footerinsideright li { padding: 3px 0; list-style: none; }<br />
    .footerinside img, .footerinsideright img { padding: 0; margin-right: 4px; margin-left: 4px; }</p>
    <p>/*


    <br />
    anythingSlider v1.2</p>
    <p> By Chris Coyier: http://css-tricks.com<br />
    with major improvements by Doug Neiner: http://pixelgraphics.us/<br />
    based on work by Remy Sharp: http://jqueryfordesigners.com/<br />


    */</p>
    <p>.anythingSlider { width: 696px; height: 350px; position: relative; margin: 0 auto; }<br />
    .anythingSlider h2 a { font-size: 26px; color: #df090a;}<br />
    .anythingSlider h2 { padding: 10px; text-align: center;}<br />
    .anythingSlider .wrapper { width: 616px; overflow: auto; height: 350px; padding: 0 40px; position: absolute; top: 0; left: 0; }</p>
    <p> /* Width below is max for Opera */<br />
    .anythingSlider .wrapper ul { width: 32700px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; }<br />
    .anythingSlider ul li { display: block; float: left; padding: 0; height: 350px; width: 696px; margin: 0; }<br />
    .anythingSlider .entryslider { padding: 0; background: #101010; filter:alpha(opacity=80); opacity: 0.8; -moz-opacity:0.8; position: absolute; top: 300px; width: 696px;}<br />
    .anythingSlider .entrysliderimg { padding: 0;}</p>
    <p>.anythingSlider .arrow { display: block; height: 200px; width: 47px; background: url(images/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 56px; cursor: pointer; }<br />
    .anythingSlider .arrow:hover { opacity: 0.9; filter: alpha(opacity=90); }</p>
    <p>.anythingSlider .forward { background-position: 0 0; right: 0px; }<br />
    .anythingSlider .back { background-position: -47px 0; left: 0px; }<br />
    .anythingSlider .forward:hover { background-position: 0 -200px; }<br />
    .anythingSlider .back:hover { background-position: -47px -200px; }</p>
    <p>#thumbNav { display: none; }<br />
    #thumbNav a { }<br />
    #thumbNav a:hover { }<br />
    #thumbNav a.cur { }</p>
    <p>#start-stop { display: none;}<br />
    #start-stop.playing { }<br />
    #start-stop:hover { }</p>
    <p>/*<br />
    Prevents<br />
    */<br />
    .anythingSlider .wrapper ul ul { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }<br />
    .anythingSlider .wrapper ul ul li { float: none; height: auto; width: auto; background: none; }<br />

    </p>

El foro ‘Themes y Diseño’ está cerrado y no se permiten nuevos debates ni respuestas.

Pin It on Pinterest

Ir al contenido