Sfondo blogspot

« Older   Newer »
 
  Share  
.
  1. Messenger_bart
        +1   -1
     
    .

    User deleted


    Ho aperto da poco un sito con blogspot e vorrei sapere come modificare lo sfondo?
    Ho un'immagine bianca e vorrei mettere un wallpaper...come faccio?
     
    Top
    .
  2. ~ $aint Willy
        +1   -1
     
    .

    User deleted


    Se Blospot ha lo stesso principio di Splinder, devi modificare i CSS..
     
    Top
    .
  3. Messenger_bart
        +1   -1
     
    .

    User deleted


    QUesto lo avevo capito, ma ho provato a modificarlo ma non trovo cosa modificare...se volete lo posto qui il css...
     
    Top
    .
  4. ~ $aint Willy
        +1   -1
     
    .

    User deleted


    Posta il CSS
     
    Top
    .
  5. Messenger_bart
        +1   -1
     
    .

    User deleted


    CODICE
    <?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: TicTac (Blueberry)
    * Author: Dan Cederholm
    * URL: [URL=http://www.simplebits.com]www.simplebits.com[/URL]
    * Date: 1 March 2004
    * Updated by: Blogger Team
    */

    /* Variable definitions
    ====================

    <variable name="textcolor" description="Text Color"
    type="color" default="#333" value="#333333">

    <variable name="pagetitlecolor" description="Page Header Color"
    type="color" default="#FFF" value="#FFFFFF">

    <variable name="datecolor" description="Date Header Color"
    type="color" default="#999999" value="#999999">

    <variable name="titlecolor" description="Post Title Color"
    type="color" default="#993333" value="#0066CC">

    <variable name="footercolor" description="Post Footer Color"
    type="color" default="#999" value="#7f7f7f">

    <variable name="sidebartextcolor" description="Sidebar Text Color"
    type="color" default="#999" value="#999999">

    <variable name="sidebarcolor" description="Sidebar Title Color"
    type="color" default="#666" value="#666666">

    <variable name="linkcolor" description="Link Color"
    type="color" default="#69c" value="#6699cc">

    <variable name="visitedlinkcolor" description="Visited Link Color"
    type="color" default="#666699" value="#666699">

    <variable name="bodyfont" description="Text Font"
    type="font"
    default="normal normal 100% Verdana, sans-serif" value="normal normal 100% Verdana, sans-serif">

    <variable name="pagetitlefont" description="Page Header Font"
    type="font" default="normal normal 100% 'Lucida Grande','Trebuchet MS'" value="normal normal 100% 'Lucida Grande','Trebuchet MS'">

    <variable name="titlefont" description="Post Title Font"
    type="font" default="normal bold 130% 'Lucida Grande','Trebuchet MS'" value="normal bold 130% Georgia, Times, serif">

    <variable name="sidebarheaderfont" description="Sidebar Title Font"
    type="font" default="normal bold 130% 'Lucida Grande','Trebuchet MS'" value="normal bold 130% Arial, sans-serif">
    <variable name="startSide" description="Start side in blog language"
    type="automatic" default="left" value="left">
    <variable name="endSide" description="End side in blog language"
    type="automatic" default="right" value="right">
    */

    /* ---( page defaults )--- */

    body {
    margin: 0;
    padding: 0;
    font-size: small;
    text-align: center;
    color: $textcolor;
    background: #e0e0e0;
    }

    blockquote {
    margin-top: 0;
    margin-$endSide: 0;
    margin-bottom: 0;
    margin-$startSide: 30px;
    padding-top: 10px;
    padding-$endSide: 0;
    padding-bottom: 0;
    padding-$startSide: 20px;
    font-size: 88%;
    line-height: 1.5em;
    color: #666;
    background: url([URL=http://www.blogblog.com/tictac_blue/quotes.gif]http://www.blogblog.com/tictac_blue/quotes.gif[/URL]) no-repeat top $startSide;
    }

    blockquote p {
    margin-top: 0;
    }

    abbr, acronym {
    cursor: help;
    font-style: normal;
    border-bottom: 1px dotted;
    }

    code {
    color: #996666;
    }

    hr {
    display: none;
    }

    img {
    border: none;
    }

    /* unordered list style */

    ul {
    list-style: none;
    margin-$startSide: 10px;
    padding: 0;
    }

    li {
    list-style: none;
    padding-$startSide: 14px;
    margin-bottom: 3px;
    background: url([URL=http://www.blogblog.com/tictac_blue/tictac_blue.gif]http://www.blogblog.com/tictac_blue/tictac_blue.gif[/URL]) no-repeat $startSide 6px;
    }

    /* links */

    a:link {
    color: $linkcolor;
    }

    a:visited {
    color: $visitedlinkcolor;
    }

    a:hover {
    color: #5B739C;
    }

    a:active {
    color: #5B739C;
    text-decoration: none;
    }

    /* ---( layout structure )---*/

    #outer-wrapper {
    width: 847px;
    margin: 0px auto 0;
    text-align: $startSide;
    font: $bodyfont;
    background: url([URL=http://www.blogblog.com/tictac_blue/tile.gif]http://www.blogblog.com/tictac_blue/tile.gif[/URL]) repeat-y;
    }

    #content-wrapper {
    margin-$startSide: 42px; /* to avoid the border image */
    width: 763px;
    }

    #main {
    float: $startSide;
    width: 460px;
    margin-top: 20px;
    margin-$endSide: 0;
    margin-bottom: 0;
    margin-$startSide: 0;
    padding-top: 0;
    padding-$endSide: 0;
    padding-bottom: 0;
    padding-$startSide: 1em;
    line-height: 1.5em;
    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 */
    }

    #sidebar {
    float: $endSide;
    width: 259px;
    padding-top: 20px;
    padding-$endSide: 0px;
    padding-bottom: 0;
    padding-$startSide: 0;
    font-size: 85%;
    line-height: 1.4em;
    color: $sidebartextcolor;
    background: url([URL=http://www.blogblog.com/tictac_blue/sidebar_bg.gif]http://www.blogblog.com/tictac_blue/sidebar_bg.gif[/URL]) no-repeat $startSide top;
    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 */
    }


    /* ---( header and site name )--- */

    #header-wrapper {
    margin: 0;
    padding: 0;
    font: $pagetitlefont;
    background: #e0e0e0 url([URL=http://www.blogblog.com/tictac_blue/top_div_blue.gif]http://www.blogblog.com/tictac_blue/top_div_blue.gif[/URL]) no-repeat $startSide top;
    }

    #header {
    margin: 0;
    padding-top: 25px;
    padding-$endSide: 60px;
    padding-bottom: 35px;
    padding-$startSide: 160px;
    color: $pagetitlecolor;
    background: url([URL=http://www.blogblog.com/tictac_blue/top_h1.gif]http://www.blogblog.com/tictac_blue/top_h1.gif[/URL]) no-repeat bottom $startSide;
    }

    #header h1 {
    font-size: 200%;
    text-shadow: #4F73B6 2px 2px 2px;
    }

    #header h1 a {
    text-decoration: none;
    color: $pagetitlecolor;
    }

    #header h1 a:hover {
    color: #eee;
    }

    /* ---( main column )--- */

    h2.date-header {
    margin-top: 0;
    padding-$startSide: 14px;
    font-size: 90%;
    color: $datecolor;
    background: url([URL=http://www.blogblog.com/tictac_blue/date_icon_blue.gif]http://www.blogblog.com/tictac_blue/date_icon_blue.gif[/URL]) no-repeat $startSide 50%;
    }

    .post h3 {
    margin-top: 0;
    font: $titlefont;
    letter-spacing: -1px;
    color: $titlecolor;
    }

    .post {
    margin-top: 0;
    margin-$endSide: 0;
    margin-bottom: 1.5em;
    margin-$startSide: 0;
    padding-top: 0;
    padding-$endSide: 0;
    padding-bottom: 1.5em;
    padding-$startSide: 14px;
    border-bottom: 1px solid #ddd;
    }

    .post h3 a,
    .post h3 a:visited {
    color: $titlecolor;
    text-decoration: none;
    }

    .post-footer {
    margin: 0;
    padding-top: 0;
    padding-$endSide: 0;
    padding-bottom: 0;
    padding-$startSide: 14px;
    font-size: 88%;
    color: $footercolor;
    background: url([URL=http://www.blogblog.com/tictac_blue/tictac_grey.gif]http://www.blogblog.com/tictac_blue/tictac_grey.gif[/URL]) no-repeat $startSide 8px;
    }

    .post img {
    padding: 6px;
    border-top: 1px solid #ddd;
    border-$startSide: 1px solid #ddd;
    border-bottom: 1px solid #c0c0c0;
    border-$endSide: 1px solid #c0c0c0;
    }

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

    #blog-pager-newer-link {
    float: $startSide;
    }

    #blog-pager-older-link {
    float: $endSide;
    }

    #blog-pager {
    text-align: center;
    }

    /* comment styles */

    #comments {
    padding-top: 10px;
    font-size: 85%;
    line-height: 1.5em;
    color: #666;
    background: #eee url([URL=http://www.blogblog.com/tictac_blue/comments_curve.gif]http://www.blogblog.com/tictac_blue/comments_curve.gif[/URL]) no-repeat top $startSide;
    }

    #comments h4 {
    margin-top: 20px;
    margin-$endSide: 0;
    margin-bottom: 15px;
    margin-$startSide: 0;
    padding-top: 8px;
    padding-$endSide: 0;
    padding-bottom: 0;
    padding-$startSide: 40px;
    font-family: "Lucida Grande", "Trebuchet MS";
    font-size: 130%;
    color: #666;
    background: url([URL=http://www.blogblog.com/tictac_blue/bubbles.gif]http://www.blogblog.com/tictac_blue/bubbles.gif[/URL]) no-repeat 10px 0;
    height: 29px !important; /* for most browsers */
    height /**/:37px; /* for IE5/Win */
    }

    #comments ul {
    margin-$startSide: 0;
    }

    #comments li {
    background: none;
    padding-$startSide: 0;
    }

    .comment-body {
    padding-top: 0;
    padding-$endSide: 10px;
    padding-bottom: 0;
    padding-$startSide: 25px;
    background: url([URL=http://www.blogblog.com/tictac_blue/tictac_blue.gif]http://www.blogblog.com/tictac_blue/tictac_blue.gif[/URL]) no-repeat 10px 5px;
    }

    .comment-body p {
    margin-bottom: 0;
    }

    .comment-author {
    margin-top: 4px;
    margin-$endSide: 0;
    margin-bottom: 0;
    margin-$startSide: 0;
    padding-top: 0;
    padding-$endSide: 10px;
    padding-bottom: 0;
    padding-$startSide: 60px;
    color: #999;
    background: url([URL=http://www.blogblog.com/tictac_blue/comment_arrow_blue.gif]http://www.blogblog.com/tictac_blue/comment_arrow_blue.gif[/URL]) no-repeat 44px 2px;
    }

    .comment-footer {
    border-bottom: 1px solid #ddd;
    padding-bottom: 1em;
    }


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

    /* ---( sidebar )--- */

    .sidebar h2 {
    margin-top: 0;
    margin-$endSide: 0;
    margin-bottom: 0;
    margin-$startSide: 0;
    padding-top: 25px;
    padding-$endSide: 0;
    padding-bottom: 0;
    padding-$startSide: 40px;
    font: $sidebarheaderfont;
    color: $sidebarcolor;
    height: 32px;
    background: url([URL=http://www.blogblog.com/tictac_blue/sidebar_icon.gif]http://www.blogblog.com/tictac_blue/sidebar_icon.gif[/URL]) no-repeat 10px 15px;
    height: 32px !important; /* for most browsers */
    height /**/:57px; /* for IE5/Win */
    }

    .sidebar .widget {
    margin: 0;
    padding-top: 0;
    padding-$endSide: 0;
    padding-bottom: 10px;
    padding-$startSide: 10px;
    border-bottom: 1px solid #ddd;
    }

    .sidebar li {
    background: url([URL=http://www.blogblog.com/tictac_blue/tictac_blue.gif]http://www.blogblog.com/tictac_blue/tictac_blue.gif[/URL]) no-repeat $startSide 5px;
    }

    .profile-textblock {
    clear: both;
    margin-$startSide: 0;
    }

    .profile-img {
    float: $startSide;
    margin-top: 0;
    margin-$endSide: 5px;
    margin-bottom: 5px;
    margin-$startSide: 0;
    border: 1px solid #ddd;
    padding: 4px;
    }

    /* ---( footer )--- */

    .clear { /* to fix IE6 padding-top issue */
    clear: both;
    }

    #footer-wrapper {
    margin: 0;
    padding-top: 0;
    padding-$endSide: 0;
    padding-bottom: 9px;
    padding-$startSide: 0;
    font-size: 85%;
    color: #ddd;
    background: url([URL=http://www.blogblog.com/tictac_blue/bottom_sill.gif]http://www.blogblog.com/tictac_blue/bottom_sill.gif[/URL]) no-repeat bottom $startSide;
    }

    #footer {
    margin: 0;
    padding-top: 20px;
    padding-$endSide: 320px;
    padding-bottom: 20px;
    padding-$startSide: 95px;
    background: url([URL=http://www.blogblog.com/tictac_blue/bottom_sash.gif]http://www.blogblog.com/tictac_blue/bottom_sash.gif[/URL]) no-repeat top $startSide;
    }


    /** Page structure tweaks for layout editor wireframe */
    body#layout #outer-wrapper,
    body#layout #main,
    body#layout #sidebar {
    padding-top: 0;
    margin-top: 0;
    }

    body#layout #outer-wrapper,
    body#layout #content-wrapper {
    width: 740px;
    }

    body#layout #sidebar {
    margin-$endSide: 0;
    margin-bottom: 1em;
    }

    body#layout #header,
    body#layout #footer,
    body#layout #main {
    padding: 0;
    }

    body#layout #content-wrapper {
    margin: 0px;
    }
    ]]></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>


    <div id='header-wrapper'>
    <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
    <b:widget id='Header1' locked='true' title='Bartblog (Intestazione)' type='Header'/>



    <div id='content-wrapper'>

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


    <div id='main-wrapper'>
    <b:section class='main' id='main' showaddelement='no'>
    <b:widget id='Blog1' locked='true' title='Post sul blog' type='Blog'/>



    <div id='sidebar-wrapper'>
    <b:section class='sidebar' id='sidebar' preferred='yes'>
    <b:widget id='HTML1' locked='false' title='Bartpc' type='HTML'/>
    <b:widget id='HTML2' locked='false' title='Google' type='HTML'/>
    <b:widget id='HTML4' locked='false' title='Chat' type='HTML'/>
    <b:widget id='HTML3' locked='false' title='Affiliazioni' type='HTML'/>
    <b:widget id='BlogArchive1' locked='false' title='Archivio blog' type='BlogArchive'/>
    <b:widget id='TextList1' locked='false' title='Contattami' type='TextList'/>
    <b:widget id='Feed1' locked='false' title='Feed/Rss' type='Feed'/>
    <b:widget id='Poll1' locked='false' title='Migliore posta elettronica' type='Poll'/>



    <!-- spacer for skins that want sidebar and main to be the same height-->
    <div class='clear'> </div>

    <!-- end content-wrapper -->

    <div id='footer-wrapper'>
    <b:section class='footer' id='footer'>
    <b:widget id='VideoBar1' locked='false' title='Msn and microsoft news' type='VideoBar'/>



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


    Edited by Messenger_bart - 27/1/2008, 16:27
     
    Top
    .
  6. ~ $aint Willy
        +1   -1
     
    .

    User deleted


    Ma mettilo in un tag:
    CODICE
    [CODE][/ CODE]
     
    Top
    .
  7. Messenger_bart
        +1   -1
     
    .

    User deleted


    fatto
     
    Top
    .
  8. ~ $aint Willy
        +1   -1
     
    .

    User deleted


    HTML
    <?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>
    <![CDATA[/*
    * Blogger Template Style
    * Name: TicTac (Blueberry)
    * Author: Dan Cederholm
    * URL: www.simplebits.com
    * Date: 1 March 2004
    * Updated by: Blogger Team
    */

    /* Variable definitions
    ====================

    <variable name="textcolor" description="Text Color"
    type="color" default="#333" value="#333333"
    >


    <variable name="pagetitlecolor" description="Page Header Color"
    type="color" default="#FFF" value="#FFFFFF"
    >


    <variable name="datecolor" description="Date Header Color"
    type="color" default="#999999" value="#999999"
    >


    <variable name="titlecolor" description="Post Title Color"
    type="color" default="#993333" value="#0066CC"
    >


    <variable name="footercolor" description="Post Footer Color"
    type="color" default="#999" value="#7f7f7f"
    >


    <variable name="sidebartextcolor" description="Sidebar Text Color"
    type="color" default="#999" value="#999999"
    >


    <variable name="sidebarcolor" description="Sidebar Title Color"
    type="color" default="#666" value="#666666"
    >


    <variable name="linkcolor" description="Link Color"
    type="color" default="#69c" value="#6699cc"
    >


    <variable name="visitedlinkcolor" description="Visited Link Color"
    type="color" default="#666699" value="#666699"
    >


    <variable name="bodyfont" description="Text Font"
    type="font"
    default="normal normal 100% Verdana, sans-serif" value="normal normal 100% Verdana, sans-serif"
    >


    <variable name="pagetitlefont" description="Page Header Font"
    type="font" default="normal normal 100% 'Lucida Grande','Trebuchet MS'" value="normal normal 100% 'Lucida Grande','Trebuchet MS'"
    >


    <variable name="titlefont" description="Post Title Font"
    type="font" default="normal bold 130% 'Lucida Grande','Trebuchet MS'" value="normal bold 130% Georgia, Times, serif"
    >


    <variable name="sidebarheaderfont" description="Sidebar Title Font"
    type="font" default="normal bold 130% 'Lucida Grande','Trebuchet MS'" value="normal bold 130% Arial, sans-serif"
    >

    <variable name="startSide" description="Start side in blog language"
    type="automatic" default="left" value="left"
    >

    <variable name="endSide" description="End side in blog language"
    type="automatic" default="right" value="right"
    >

    */

    /* ---( page defaults )--- */

    body {
    margin: 0;
    padding: 0;
    font-size: small;
    text-align: center;
    color: $textcolor;
    background-image: url(LINK IMMAGINE DI SFONDO);
    }

    blockquote {
    margin-top: 0;
    margin-$endSide: 0;
    margin-bottom: 0;
    margin-$startSide: 30px;
    padding-top: 10px;
    padding-$endSide: 0;
    padding-bottom: 0;
    padding-$startSide: 20px;
    font-size: 88%;
    line-height: 1.5em;
    color: #666;
    background: url(http://www.blogblog.com/tictac_blue/quotes.gif) no-repeat top $startSide;
    }

    blockquote p {
    margin-top: 0;
    }

    abbr, acronym {
    cursor: help;
    font-style: normal;
    border-bottom: 1px dotted;
    }

    code {
    color: #996666;
    }

    hr {
    display: none;
    }

    img {
    border: none;
    }

    /* unordered list style */

    ul {
    list-style: none;
    margin-$startSide: 10px;
    padding: 0;
    }

    li {
    list-style: none;
    padding-$startSide: 14px;
    margin-bottom: 3px;
    background: url(http://www.blogblog.com/tictac_blue/tictac_blue.gif) no-repeat $startSide 6px;
    }

    /* links */

    a:link {
    color: $linkcolor;
    }

    a:visited {
    color: $visitedlinkcolor;
    }

    a:hover {
    color: #5B739C;
    }

    a:active {
    color: #5B739C;
    text-decoration: none;
    }

    /* ---( layout structure )---*/

    #outer-wrapper {
    width: 847px;
    margin: 0px auto 0;
    text-align: $startSide;
    font: $bodyfont;
    background: url(http://www.blogblog.com/tictac_blue/tile.gif) repeat-y;
    }

    #content-wrapper {
    margin-$startSide: 42px; /* to avoid the border image */
    width: 763px;
    }

    #main {
    float: $startSide;
    width: 460px;
    margin-top: 20px;
    margin-$endSide: 0;
    margin-bottom: 0;
    margin-$startSide: 0;
    padding-top: 0;
    padding-$endSide: 0;
    padding-bottom: 0;
    padding-$startSide: 1em;
    line-height: 1.5em;
    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 */
    }

    #sidebar {
    float: $endSide;
    width: 259px;
    padding-top: 20px;
    padding-$endSide: 0px;
    padding-bottom: 0;
    padding-$startSide: 0;
    font-size: 85%;
    line-height: 1.4em;
    color: $sidebartextcolor;
    background: url(http://www.blogblog.com/tictac_blue/sidebar_bg.gif) no-repeat $startSide top;
    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 */
    }


    /* ---( header and site name )--- */

    #header-wrapper {
    margin: 0;
    padding: 0;
    font: $pagetitlefont;
    background: #e0e0e0 url(http://www.blogblog.com/tictac_blue/top_div_blue.gif) no-repeat $startSide top;
    }

    #header {
    margin: 0;
    padding-top: 25px;
    padding-$endSide: 60px;
    padding-bottom: 35px;
    padding-$startSide: 160px;
    color: $pagetitlecolor;
    background: url(http://www.blogblog.com/tictac_blue/top_h1.gif) no-repeat bottom $startSide;
    }

    #header h1 {
    font-size: 200%;
    text-shadow: #4F73B6 2px 2px 2px;
    }

    #header h1 a {
    text-decoration: none;
    color: $pagetitlecolor;
    }

    #header h1 a:hover {
    color: #eee;
    }

    /* ---( main column )--- */

    h2.date-header {
    margin-top: 0;
    padding-$startSide: 14px;
    font-size: 90%;
    color: $datecolor;
    background: url(http://www.blogblog.com/tictac_blue/date_icon_blue.gif) no-repeat $startSide 50%;
    }

    .post h3 {
    margin-top: 0;
    font: $titlefont;
    letter-spacing: -1px;
    color: $titlecolor;
    }

    .post {
    margin-top: 0;
    margin-$endSide: 0;
    margin-bottom: 1.5em;
    margin-$startSide: 0;
    padding-top: 0;
    padding-$endSide: 0;
    padding-bottom: 1.5em;
    padding-$startSide: 14px;
    border-bottom: 1px solid #ddd;
    }

    .post h3 a,
    .post h3 a:visited {
    color: $titlecolor;
    text-decoration: none;
    }

    .post-footer {
    margin: 0;
    padding-top: 0;
    padding-$endSide: 0;
    padding-bottom: 0;
    padding-$startSide: 14px;
    font-size: 88%;
    color: $footercolor;
    background: url(http://www.blogblog.com/tictac_blue/tictac_grey.gif) no-repeat $startSide 8px;
    }

    .post img {
    padding: 6px;
    border-top: 1px solid #ddd;
    border-$startSide: 1px solid #ddd;
    border-bottom: 1px solid #c0c0c0;
    border-$endSide: 1px solid #c0c0c0;
    }

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

    #blog-pager-newer-link {
    float: $startSide;
    }

    #blog-pager-older-link {
    float: $endSide;
    }

    #blog-pager {
    text-align: center;
    }

    /* comment styles */

    #comments {
    padding-top: 10px;
    font-size: 85%;
    line-height: 1.5em;
    color: #666;
    background: #eee url(http://www.blogblog.com/tictac_blue/comments_curve.gif) no-repeat top $startSide;
    }

    #comments h4 {
    margin-top: 20px;
    margin-$endSide: 0;
    margin-bottom: 15px;
    margin-$startSide: 0;
    padding-top: 8px;
    padding-$endSide: 0;
    padding-bottom: 0;
    padding-$startSide: 40px;
    font-family: "Lucida Grande", "Trebuchet MS";
    font-size: 130%;
    color: #666;
    background: url(http://www.blogblog.com/tictac_blue/bubbles.gif) no-repeat 10px 0;
    height: 29px !important; /* for most browsers */
    height /**/:37px; /* for IE5/Win */
    }

    #comments ul {
    margin-$startSide: 0;
    }

    #comments li {
    background: none;
    padding-$startSide: 0;
    }

    .comment-body {
    padding-top: 0;
    padding-$endSide: 10px;
    padding-bottom: 0;
    padding-$startSide: 25px;
    background: url(http://www.blogblog.com/tictac_blue/tictac_blue.gif) no-repeat 10px 5px;
    }

    .comment-body p {
    margin-bottom: 0;
    }

    .comment-author {
    margin-top: 4px;
    margin-$endSide: 0;
    margin-bottom: 0;
    margin-$startSide: 0;
    padding-top: 0;
    padding-$endSide: 10px;
    padding-bottom: 0;
    padding-$startSide: 60px;
    color: #999;
    background: url(http://www.blogblog.com/tictac_blue/comment_arrow_blue.gif) no-repeat 44px 2px;
    }

    .comment-footer {
    border-bottom: 1px solid #ddd;
    padding-bottom: 1em;
    }


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

    /* ---( sidebar )--- */

    .sidebar h2 {
    margin-top: 0;
    margin-$endSide: 0;
    margin-bottom: 0;
    margin-$startSide: 0;
    padding-top: 25px;
    padding-$endSide: 0;
    padding-bottom: 0;
    padding-$startSide: 40px;
    font: $sidebarheaderfont;
    color: $sidebarcolor;
    height: 32px;
    background: url(http://www.blogblog.com/tictac_blue/sidebar_icon.gif) no-repeat 10px 15px;
    height: 32px !important; /* for most browsers */
    height /**/:57px; /* for IE5/Win */
    }

    .sidebar .widget {
    margin: 0;
    padding-top: 0;
    padding-$endSide: 0;
    padding-bottom: 10px;
    padding-$startSide: 10px;
    border-bottom: 1px solid #ddd;
    }

    .sidebar li {
    background: url(http://www.blogblog.com/tictac_blue/tictac_blue.gif) no-repeat $startSide 5px;
    }

    .profile-textblock {
    clear: both;
    margin-$startSide: 0;
    }

    .profile-img {
    float: $startSide;
    margin-top: 0;
    margin-$endSide: 5px;
    margin-bottom: 5px;
    margin-$startSide: 0;
    border: 1px solid #ddd;
    padding: 4px;
    }

    /* ---( footer )--- */

    .clear { /* to fix IE6 padding-top issue */
    clear: both;
    }

    #footer-wrapper {
    margin: 0;
    padding-top: 0;
    padding-$endSide: 0;
    padding-bottom: 9px;
    padding-$startSide: 0;
    font-size: 85%;
    color: #ddd;
    background: url(http://www.blogblog.com/tictac_blue/bottom_sill.gif) no-repeat bottom $startSide;
    }

    #footer {
    margin: 0;
    padding-top: 20px;
    padding-$endSide: 320px;
    padding-bottom: 20px;
    padding-$startSide: 95px;
    background: url(http://www.blogblog.com/tictac_blue/bottom_sash.gif) no-repeat top $startSide;
    }


    /** Page structure tweaks for layout editor wireframe */
    body#layout #outer-wrapper,
    body#layout #main,
    body#layout #sidebar {
    padding-top: 0;
    margin-top: 0;
    }

    body#layout #outer-wrapper,
    body#layout #content-wrapper {
    width: 740px;
    }

    body#layout #sidebar {
    margin-$endSide: 0;
    margin-bottom: 1em;
    }

    body#layout #header,
    body#layout #footer,
    body#layout #main {
    padding: 0;
    }

    body#layout #content-wrapper {
    margin: 0px;
    }
    ]]>
    </head>

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

    <!-- skip links for text browsers -->
    <span id='skiplinks' style='display:none;'>
    skip to main |
    skip to sidebar


    <div id='header-wrapper'>
    <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
    <b:widget id='Header1' locked='true' title='Bartblog (Intestazione)' type='Header'/>



    <div id='content-wrapper'>

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


    <div id='main-wrapper'>
    <b:section class='main' id='main' showaddelement='no'>
    <b:widget id='Blog1' locked='true' title='Post sul blog' type='Blog'/>



    <div id='sidebar-wrapper'>
    <b:section class='sidebar' id='sidebar' preferred='yes'>
    <b:widget id='HTML1' locked='false' title='Bartpc' type='HTML'/>
    <b:widget id='HTML2' locked='false' title='Google' type='HTML'/>
    <b:widget id='HTML4' locked='false' title='Chat' type='HTML'/>
    <b:widget id='HTML3' locked='false' title='Affiliazioni' type='HTML'/>
    <b:widget id='BlogArchive1' locked='false' title='Archivio blog' type='BlogArchive'/>
    <b:widget id='TextList1' locked='false' title='Contattami' type='TextList'/>
    <b:widget id='Feed1' locked='false' title='Feed/Rss' type='Feed'/>
    <b:widget id='Poll1' locked='false' title='Migliore posta elettronica' type='Poll'/>



    <!-- spacer for skins that want sidebar and main to be the same height-->




    <!-- end content-wrapper -->

    <div id='footer-wrapper'>
    <b:section class='footer' id='footer'>
    <b:widget id='VideoBar1' locked='false' title='Msn and microsoft news' type='VideoBar'/>



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

    Se non sbaglio è questo il codice, sostituisci "LINK DELL'IMMAGINE" con il link dell'immagine che vuoi come sfondo.
     
    Top
    .
  9. Messenger_bart
        +1   -1
     
    .

    User deleted


    Si, si fa così...e come faccio in modo che non si ripeta ma che se si scorre la pagina rimanga sempre?come in questo forum per fare un esempio...
     
    Top
    .
  10. ~ $aint Willy
        +1   -1
     
    .

    User deleted


    Cancella:
    CODICE
    body {
    margin: 0;
    padding: 0;
    font-size: small;
    text-align: center;
    color: $textcolor;
    background-image: url(LINK IMMAGINE DI SFONDO);
    }

    E Incolla:
    CODICE
    body {
    margin: 0;
    padding: 0;
    font-size: small;
    text-align: center;
    color: $textcolor;
    background-image: url(LINK IMMAGINE DI SFONDO); background-repeat: no-repeat
    }
     
    Top
    .
  11. Messenger_bart
        +1   -1
     
    .

    User deleted


    però poi scendendo rimane tutto bianco...
    io dico tipo qui nel forum: se scorro la pagina lo sfondo è lo stesso ma non è ripetuto...
     
    Top
    .
  12. ~ $aint Willy
        +1   -1
     
    .

    User deleted


    Non sò dirti, di CSS non sò molto prova così:
    CODICE
    body {
    margin: 0;
    padding: 0;
    font-size: small;
    text-align: center;
    color: $textcolor;
    background-image: url(LINK IMMAGINE); background-repeat: no-repeat; background-position: bottom
    }

    Non assicuro niente..
     
    Top
    .
  13. Messenger_bart
        +1   -1
     
    .

    User deleted


    no, non va...speriamo qualcun altro possa aiutarmi...
     
    Top
    .
  14. ~ $aint Willy
        +1   -1
     
    .

    User deleted


    Nel forum non credo che qualcuno sappia i Css apparte me..
     
    Top
    .
  15. Messenger_bart
        +1   -1
     
    .

    User deleted


    e puoi vedere come è il css del forum per dirmi come fare?
     
    Top
    .
18 replies since 27/1/2008, 15:58   1810 views
  Share  
.
Top