• Bannato User

    sfondo colonna di blogger

    Scusate io ho un problema però......
    A creare la 2 colonna tutto ok però se guardate nel mio blog (zanzara-mannara) la barra di destra come sfondo ha delle righe diagonali
    ecco adesso creando la seconda barra a sinistra come sfondo esce bianco come faccio a mettere lo stesso sfondo???????

    ps:Ho appena rimesso la tabella a sinistra cortesemnte qualcuno mi potrbbe dire come mettere lo sfondo uguale

    grazie a tutti

    questa è html modificata con la seconda colonna qualcuno mi può dire cosa devo modificare per avere anche lo sfondo a sinistra

    <?xml version="1.0" encoding="UTF-8" ?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
    <head>
    <b:include data='blog' name='all-head-content'/>
    <title><data:blog.pageTitle/></title>
    <b:skin><![CDATA[/*

    Blogger Template Style
    Name: Son of Moto (Mean Green Blogging Machine variation)
    Designer: Jeffrey Zeldman
    URL: www.zeldman.com
    Date: 23 Feb 2004
    Updated by: Blogger Team
    ----------------------------------------------- */

    /* Variable definitions

    <Variable name="mainBgColor" description="Main Background Color"
    type="color" default="#ffffff" value="#ffffff">
    <Variable name="mainTextColor" description="Text Color"
    type="color" default="#555544" value="#555544">
    <Variable name="pageHeaderColor" description="Blog Title Color"
    type="color" default="#ffffee" value="#ffffee">
    <Variable name="blogDescriptionColor" description="Blog Description Color"
    type="color" default="#ffffee" value="#ffffee">
    <Variable name="linkColor" description="Link Color"
    type="color" default="#669922" value="#669922">
    <Variable name="hoverLinkColor" description="Link Hover Color"
    type="color" default="#88bb22" value="#88bb22">
    <Variable name="dateHeaderColor" description="Date Header Color"
    type="color" default="#555544" value="#555544">
    <Variable name="sidebarHeaderColor" description="Sidebar Title Color"
    type="color" default="#555544" value="#555544">
    <Variable name="sidebarTextColor" description="Sidebar Text Color"
    type="color" default="#555544" value="#555544">

    <Variable name="bodyFont" description="Text Font" type="font"
    default="normal normal 100% tahoma, 'Trebuchet MS', lucida, helvetica, sans-serif" value="normal normal 100% tahoma, 'Trebuchet MS', lucida, helvetica, sans-serif">
    */

    /* Primary layout */

    body {
    margin: 0;
    padding: 0;
    border: 0;
    text-align: center;
    color: $mainTextColor;
    background: #692 url(http://www.blogblog.com/moto_son/outerwrap.gif) top center repeat-y;
    font-size: small;
    }

    img {
    border: 0;
    display: block;
    }

    .clear {
    clear: both;
    }
    /* Wrapper */

    #outer-wrapper {
    margin: 0 auto;
    border: 0;
    width: 912px;
    text-align: left;
    background: $mainBgColor url(http://www.blogblog.com/moto_son/innerwrap.gif) top right repeat-y;
    font: $bodyFont;
    }

    /* Header */
    

    #header-wrapper {
    background: #8b2 url(http://www.blogblog.com/moto_son/headbotborder.gif) bottom left repeat-x;
    margin: 0 auto;
    padding: 0 0 15px 0;
    border: 0;
    }

    text-align: left;
    font-size: 200%;
    color: $pageHeaderColor;
    margin: 0;
    padding: 15px 20px 0 20px;
    background-image: url(http://www.blogblog.com/moto_son/topper.gif);
    background-repeat: repeat-x;
    background-position: top left;
    }

    h1 a, h1 a:link, h1 a:visited {
    color: $pageHeaderColor;
    }

    font-size: 110%;
    text-align: left;
    padding: 3px 20px 10px 23px;
    margin: 0;
    line-height:140%;
    color: $blogDescriptionColor;
    }

    /* Inner layout */

    #content-wrapper {
    padding: 0 16px;
    }

    #main {
    width: 400px;
    float: left;
    word-wrap: break-word; /* fix for long text breaking sidebar float in IE /
    overflow: hidden; /
    fix for long non-text content breaking IE sidebar float */
    }

    #right-sidebar-wrapper {
    width: 200px;
    float: right;
    word-wrap: break-word;
    overflow: hidden;
    }

    #left-sidebar-wrapper {
    width: 240px;
    float: left;
    word-wrap: break-word;
    overflow: hidden;
    }

    /* Bottom layout */

    #footer {
    clear: left;
    margin: 0;
    padding: 0 20px;
    border: 0;
    text-align: left;
    border-top: 1px solid #f9f9f9;
    }

    text-align: left;
    margin: 0;
    padding: 10px 0;
    background-color: transparent;
    }

    /* Default links */

    a:link, a:visited {
    font-weight: bold;
    text-decoration: none;
    color: $linkColor;
    background: transparent;
    }

    a:hover {
    font-weight: bold;
    text-decoration: underline;
    color: $hoverLinkColor;
    background: transparent;
    }

    a:active {
    font-weight : bold;
    text-decoration : none;
    color: $hoverLinkColor;
    background: transparent;
    }

    /* Typography */

    .main p, .sidebar p {
    line-height: 140%;
    margin-top: 5px;
    margin-bottom: 1em;
    }

    h2, h3, h4, h5 {
    margin: 0;
    padding: 0;
    }

    h2 {
    font-size: 130%;
    }

    h2.date-header {
    color: $dateHeaderColor;
    }

    .post h3 {
    margin-top: 5px;
    font-size: 120%;
    }

    .post-footer {
    font-style: italic;
    }

    .sidebar h2 {
    color: $sidebarHeaderColor;
    }

    .sidebar .widget {
    margin: 12px 0 13px 0;
    padding: 0;
    }

    .main .widget {
    margin: 12px 0 0 0 ;
    }

    li {
    line-height: 160%;
    }

    .sidebar ul {
    margin-left: 0;
    margin-top: 0;
    padding-left: 0;
    }

    .sidebar ul li {
    list-style: disc url(http://www.blogblog.com/moto_son/diamond.gif) inside;
    vertical-align: top;
    padding: 0;
    margin: 0;
    }

    .widget-content {
    margin-top: 0.5em;
    }

    /* Profile
    ----------------------------------------------- */

    .profile-datablock {
    margin: 3px 0 5px 0;
    line-height: 140%;
    }
    .profile-textblock {
    margin-left: 0;
    }

    .profile-img {
    float: left;
    margin: 0 5px 5px 0;
    border:4px solid;

    }

    #comments {
    border: 0;
    border-top: 1px dashed #eed;
    margin: 10px 0 0 0;
    padding: 0;
    }

    margin-top: 10px;
    margin-bottom: -10px;
    font-weight: normal;
    font-style: italic;
    text-transform: uppercase;
    letter-spacing: 1px;
    }

    font-weight: bold;
    font-style: italic;
    margin-top: 35px;
    padding: 1px 0 0 18px;
    background: transparent url(http://www.blogblog.com/moto_son/commentbug.gif) top left no-repeat;
    }

    padding: 0;
    margin: 0;
    }

    .deleted-comment {
    font-style:italic;
    color:gray;
    }

    .feed-links {
    clear: both;
    line-height: 2.5em;
    }

    #blog-pager-newer-link {
    float: left;
    }

    {
    float: right;
    }

    text-align: center;
    }

    /** Page structure tweaks for layout editor wireframe */

    body#layout {
    padding-top: 0;
    }
    body#layout,
    body#layout,
    body#layout {
    padding: 0;
    }
    ]]></b:skin>
    </head>

    <body>
    <div id='outer-wrapper'><div id='wrap2'>

    <!-- skip links for text browsers -->
    <span id='skiplinks' style='display:none;'>
      <a href='#main'>skip to main </a> |
      <a href='#sidebar'>skip to sidebar</a>
    </span>
    
    <div id='header-wrapper'>
      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
    

    <b:widget id='Header1' locked='true' title='Zanzara Mannara (Intestazione)' type='Header'/>
    </b:section>
    </div>

    <div id='content-wrapper'>
    

    <div id='left-sidebar-wrapper'>
    <b:section class='sidebar' id='left-sidebar' preferred='yes'>
    <b:widget id='Label2' locked='false' title='Categorie' type='Label'/>
    </b:section>
    </div>

      <div id='crosscol-wrapper' style='text-align:center'>
        <b:section class='crosscol' id='crosscol' showaddelement='no'/>
      </div>
    
      <div id='main-wrapper'>
        <b:section class='main' id='main' showaddelement='no'>
    

    <b:widget id='Blog1' locked='true' title='Post sul blog' type='Blog'/>
    </b:section>
    </div>

    <div id='right-sidebar-wrapper'>
    <b:section class='sidebar' id='right-sidebar' preferred='yes'>
    <b:widget id='BlogArchive1' locked='false' title='Archivio blog' type='BlogArchive'/>
    <b:widget id='Label1' locked='false' title='Categorie' type='Label'/>
    <b:widget id='HTML3' locked='false' title='Statistiche' type='HTML'/>
    <b:widget id='LinkList1' locked='false' title='Siti Amici' type='LinkList'/>
    <b:widget id='Text1' locked='false' title='Linkami' type='Text'/>
    <b:widget id='Poll1' locked='false' title='Secondo Te Questo Blog Vincerà il seo contest ???' type='Poll'/>
    <b:widget id='HTML1' locked='false' title='Sponsor' type='HTML'/>
    <b:widget id='VideoBar1' locked='false' title='Video Divertenti' type='VideoBar'/>
    </b:section>
    </div>

      <!-- spacer for skins that want sidebar and main to be the same height-->
      <div class='clear'> </div>
    
    </div> <!-- end content-wrapper -->
    
    <div id='footer-wrapper'>
      <b:section class='footer' id='footer'>
    

    <b:widget id='HTML2' locked='false' title='' type='HTML'/>
    </b:section>
    </div>

    </div></div> <!-- end outer-wrapper -->
    </body>
    </html>


  • User

    Vai nella sezione:

    #outer-wrapper {
    margin: 0 auto;
    border: 0;
    width: 912px;
    text-align: left;
    background: $mainBgColor url(http://www.blogblog.com/moto_son/innerwrap.gif) top right repeat-y;
    font: $bodyFont;
    }
    E sostituisci l'URL del background con questo:
    http://img440.imageshack.us/img440/5435/innerwrapmw7.gif

    Cancellando top right

    Ora hai lo stesso sfondo per tutte e 2 le colonne


  • Bannato User

    Scusate io ho un problema però......
    A creare la 2 colonna tutto ok però se guardate nel mio blog (zanzara-mannara) la barra di destra come sfondo ha delle righe diagonali
    ecco adesso creando la seconda barra a sinistra come sfondo esce bianco come faccio a mettere lo stesso sfondo???????

    ps:Ho appena rimesso la tabella a sinistra cortesemnte qualcuno mi potrbbe dire come mettere lo sfondo uguale

    grazie a tutti


  • User

    Ma non controlli prima di riscrivere??
    Ti ho tisposto allo stesso post più sotto


  • ModSenior

    Salve dada992, il crossposting è vietato in questo forum: ho unito le due discussioni e la invito a non aprire thread uguali