Visualizzazione dei risultati da 1 a 8 su 8
  1. #1

    Problemi di un principiante

    Ciao a tutti e grazie in anticipo per l' aiuto che sono sicuro mi darete.
    Oggi ho scaricato un template gratuito da utilizzare per un blog che voglio creare su blogger.
    Tutto funziona a dovere a parte un particolare che da un punto di vista stilistico appare però come un pugno nell' occhio.
    Mi spiego:
    se guardate l' immagine su come dovrebbe essere il template esso appare così:
    http://www.eblogtemplates.com/ads-theme-blogger/
    Nel mio blog invece compare così :
    http://kekodream.blogspot.com/
    Come avrete notato rimane uno spazio orribile tra il menu con i vari link (home,ciao...) ed il banner di adsense.
    Non riesco a capire perchè.
    é possibile effettuare delle modifiche per correggere questo errore ??
    Di seguito allego il codice del template.
    GRAZIE ANCORA
    <?xml version="1.0" encoding="UTF-8" ?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//ES" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html 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'/>
    <b:if cond='data:blog.pageType == &quot;index&quot;'><title><data:blog.title/></title><b:else/><title><data:blog.pageName/> | <data:blog.title/></title></b:if>
    <b:skin><![CDATA[/*

    /* **************************
    Name: Ads Theme Blogger Template
    Designed by: Eric
    URL: http://www.blogging-secret.com/

    Converted into Blogger by: eBlog Templates
    URL: http://www.eblogtemplates.com/

    Make money by becoming an affiliate!
    URL: http://www.eblogtemplates.com/affiliates/

    Setup your own classified ads site using WordPress!
    URL: http://wpclassipress.com

    Per the Creative Commons Atribution License, please do not remove the footer credits.
    ***************************** */


    /* Variables
    ====================
    <Variable name="bgcolor" description="Page Background Color"
    type="color" default="#BCBEB0" value="#BCBEB0">
    <Variable name="bgcolorwrapper" description="Page Wrap Background Color"
    type="color" default="#FFFFFF" value="#FFFFFF">
    <Variable name="bgcolorwrapperborder" description="Page Wrap Border Color"
    type="color" default="#C0C0C0" value="#C0C0C0">

    <Variable name="bgcolorhead" description="Header Background Color"
    type="color" default="#322E2B" value="#322E2B">
    <Variable name="titlecolor" description="Blog Title Color"
    type="color" default="#ffffff" value="#ffffff">
    <Variable name="blogtitlefont" description="Blog Title Font"
    type="font"
    default="normal bold 320% Arial, Helvetica, sans-serif" value="normal bold 320% Arial, Helvetica, sans-serif">
    <Variable name="descriptionfont" description="Blog Description Font"
    type="font"
    default="normal normal 120% Arial, Helvetica, sans-serif" value="normal normal 120% Arial, Helvetica, sans-serif">

    <Variable name="bgcolornav" description="Nav Head Background Color"
    type="color" default="#3A3A3A" value="#3A3A3A">
    <Variable name="colornav" description="Nav Text Color"
    type="color" default="#fff" value="#ffffff">
    <Variable name="bgcolornavhover" description="Nav Hover Color"
    type="color" default="#C4C5B8" value="#C4C5B8">
    <Variable name="bgcolornavline" description="Nav Head Background Line Color"
    type="color" default="#4D4B49" value="#4D4B49">

    <Variable name="mainpostcolor" description="Main Post Border Color"
    type="color" default="#ccc" value="#cccccc">
    <Variable name="titlelinkcolor" description="Entry Title Color"
    type="color" default="#5F5F5E" value="#5F5F5E">
    <Variable name="bgcolorpostmeta" description="Post Meta Background Color"
    type="color" default="#DEDFCC" value="#DEDFCC">
    <Variable name="linkcolor" description="Link Color"
    type="color" default="#000" value="#000000">
    <Variable name="linkhovercolor" description="Link Hover Color"
    type="color" default="#ca1717" value="#ca1717">
    <Variable name="bodytextcolor" description="Body Text Color"
    type="color" default="#000" value="#000000">

    <Variable name="sidebarh2color" description="Sidebar Header Text Color"
    type="color" default="#FFFFFF" value="#FFFFFF">
    <Variable name="sidebarh2backgroundcolor" description="Sidebar Header Background Color"
    type="color" default="#ABAE9B" value="#ABAE9B">
    <Variable name="sidebarlinkcolor" description="Sidebar Link Color"
    type="color" default="#333" value="#333333">

    <Variable name="footerlinkcolor" description="Footer Link Color"
    type="color" default="#CCCCCC" value="#CCCCCC">
    */


    #navbar-iframe {
    height:0px;
    visibility:hidden;
    display:none
    }

    body{margin:0px auto 0px; padding:0px; font-family:Arial,Helvetica,sans-serif; font-size:12px; color:$bodytextcolor; background:$bgcolor; width:960px}

    a{color:$linkcolor; text-decoration:underline}

    img{border:0}

    #outer-wrapper{background:$bgcolorwrapper; width:920px; margin:10px auto 10px; padding:0px 20px 15px 20px; border:double $bgcolorwrapperborder}

    #header{width:920px; margin:15px 0px 0px 0px; height:100px; background-color:$bgcolorhead; border-bottom:$bgcolornavline 1px solid}
    #header .blogtitle{width:440px; height:100px; float:left}
    #header .ads{width:480px; height:80px; float:right; padding:20px 0px 0px 0px}

    #blog-pager-newer-link{float:left}
    #blog-pager-older-link{float:right}
    #blog-pager{padding:50px 15px 0px; text-align:center}
    .blog-pager a{color:$linkcolor}
    .blog-pager a:hover{color:$linkhovercolor}

    .feed-links a{color:$linkcolor}
    .feed-links a:hover{color:$linkhovercolor}

    #backlinks-container{color:#000; list-style-type:none; margin:1.5em 0pt 0pt; padding:0pt}

    #blogtitle{color:$titlecolor; font:$blogtitlefont; line-height:100%; margin:0px; padding-left:10px; padding-top:20px; text-align:left}
    #blogtitle a{text-decoration:none; color:$titlecolor; border:none}
    #blogtitle a:hover{text-decoration:none; color:$titlecolor; border:none}
    #blogdesc{color:$titlecolor; font:$descriptionfont; padding-left:10px; text-align:left; padding-top:5px; margin:0px}

    /*-- (Menu/Nav) --*/
    #nav{background:$bgcolornav; height:32px; padding:4px 0 0; margin-bottom:10px}
    #nav-left{float:left; display:inline; width:580px}
    #nav-right{float:right; display:inline; width:300px}

    #nav ul{position:relative; overflow:hidden; padding-left:5px; margin:0; font:1.2em Arial,Helvetica,sans-serif}
    #nav ul li{ float:left; list-style:none}
    #nav ul li a, #nav ul li a:visited{display:block; color:$colornav; margin:0 8px; padding:5px 7px}
    #nav ul li a:hover{color:$colornav; background-color:$bgcolornavhover; margin:0 8px; padding:5px 7px}
    #nav ul li a.current, #nav ul li a.current:visited, #nav ul li a.current:hover{margin:0 8px; background-color:#A6A994; color:$colornav; padding:5px 7px}

    /*-- (Search) --*/
    #search{background:#F7F7F7; border:1px solid #b3b3b3; float:right; height:25px; margin:0 15px 0 0; width:280px}
    * html #search{margin-right:8px}
    #search input{font-family:Verdana,Arial,Helvetica,sans-serif; background:transparent; border:0; color:#000; float:left; font-size:13px; margin:4px 0 0; padding:0px 2px 2px 10px; width:288px}

    .contentwrapper{width:920px; margin:0 auto; margin-bottom:5px; background:#000 url(http://i254.photobucket.com/albums/h...theme/sbbg.gif) repeat-y right}

    #content{float:left; padding:10px 10px 10px 10px; width:480px; margin:0px 0px 5px 0px; border:$mainpostcolor 1px solid}

    /*-- (Post) --*/
    .entrytitle h2{margin:0px; font-weight:bold; font-size:22px; line-height:28px; padding:0px; margin-bottom:5px}
    .entrytitle h2 a{color:$titlelinkcolor}
    .entrytitle h2 a:hover{color:$linkhovercolor}
    .entrytitle .meta{background-color:$bgcolorpostmeta; padding:3px; color:#111; font-size:12px; margin-bottom:8px; line-height:20px}
    .entrytitle .meta a{color:$linkcolor}
    .entrytitle .meta a:hover{color:$linkhovercolor}

    .post{margin-bottom:2em; line-height:20px}
    .post a, .commentlist a, .navigation a{color:$linkcolor}
    .post a:hover, .commentlist a:hover, .navigation a:hover{color:#ca1717}
    .post blockquote{color:#666; margin:0 30px 20px 30px; padding:0 0 0 10px; border:2px solid #fff; border-left:2px solid #A4A1A1}

    /*-- (Sidebar) --*/
    #sidebar-right{float:right; width:393px; height:100%; min-height:100%; padding:10px}
    #sidebar-right .widget{padding:6px; margin-bottom:10px; background-color:#fff}
    #lsidebar{float:left; width:192px}
    #rsidebar{float:right; width:192px}
    #sidebar-right .widget h2, #sidebar-right h2{font:bold 1.0em Verdana,Arial,Helvetica,sans-serif; margin-top:5px; color:$sidebarh2color; background-color:$sidebarh2backgroundcolor; padding:7px}
    #sidebar-right a{color:$sidebarlinkcolor; text-decoration:none}
    #sidebar-right a:hover{color:$linkhovercolor}
    #sidebar-right ul{list-style-type:none; margin:0 0 15px 0; padding:0}
    #sidebar-right ul li{background-color:#fff; border-bottom:1px dotted #ddd; margin-bottom:0.2em; padding:0.3em}
    #sidebar-right ul li ul{list-style-type:square; margin-left:1.5em; padding:0; border:0}
    #sidebar-right ul li ul li{border:0}

    .navigation{display:block; text-align:center; margin-top:10px; margin-bottom:60px}
    .comments{color:#000; margin:1.5em 0pt 0pt; padding:0pt}
    .comments a{color:$linkcolor}
    .comments h3{font-size:1.6em}
    .commentlist{color:#000; list-style-type:none; margin:1.5em 0pt 0pt; padding:0pt}
    .commentlist li{margin-bottom:2em; padding:0.5em 1em}
    .alt1{border:1px solid #F2F0E8; padding:0.5em}
    .comment-footer a{color:$linkcolor}

    span.delete-comment-icon{text-decoration:none}

    /*-- (Footer) --*/
    #footer{background-color:#322E2B; width:920; margin:5px 0 0 0; padding:8px}
    #footer p{margin:0px; font-size:11px; padding:0px; color:#CCC}
    #footer p a{color:$footerlinkcolor}
    #footer p a:hover{}
    #footer .left{float:left; width:80%}
    #footer .right{float:right; width:20%; text-align:right}

    .clear{clear:both}

    /*-- (Sidebar) --*/
    .widget-content{}
    .widget{margin:0pt; padding:0pt}

    .comment-author{padding:5px 0px 0px 15px; margin:0px}
    .comment-body{padding:0px 15px 20px 15px; margin:0px}
    .comment-footer{padding:0px 0px 0px 15px; margin:0px}

    .post-feeds{padding:40px 15px 0px}

    /** Page structure tweaks for layout editor wireframe */
    body#layout #ga-ads{display:none;}
    body#layout #sidebar, body#layout #main,
    body#layout #main-wrapper,
    body#layout #outer-wrapper,
    body#layout #sidebar-wrapper
    body#layout #header
    body#layout .contentwrapper{padding:0}
    body#layout #outer-wrapper{width:740px; margin-left:auto; margin-right:auto}
    body#layout #header{width:740px; margin-left:auto; margin-right:auto}
    body#layout #LinkList1{padding:0px 3px; margin-left:auto; margin-right:auto}
    body#layout #HTML3{padding:0px 3px; margin-left:auto; margin-right:auto}
    body#layout #lsidebar{width:50%; padding:0px 3px; float:left; margin-left:auto; margin-right:auto}
    body#layout #rsidebar{width:50%; padding:0px 3px; float:right; margin-left:auto; margin-right:auto}
    body#layout #main{margin-left:0px; margin-right:0px; width:370px; padding:0 0 0 0px}
    body#layout #content{margin-left:0px; margin-right:0px; width:368px; padding:0 0 0 0px}
    body#layout #sidebar-right{margin-left:0px; margin-right:0px; width:371px; padding:0 0 0 0px}
    body#layout #header-tabs{float:left; height:90px; width:740px; padding:0; margin-left:auto; margin-right:auto}
    body#layout .contentwrapper{width:740px; margin-left:auto; margin-right:auto}
    body#layout #header-in{margin-left:0px; margin-right:0px; width:740px}
    body#layout #main-wrapper{margin-left:0px; margin-right:0px; width:500px; padding:0 0 0 0}
    body#layout #sidebar-wrapper{margin-left:0px; margin-right:0px; width:240px; padding:0 0 0 0px}
    body#layout #container-bottom{width:740px; margin:0 auto; padding-top:15px; body#layout .container-top{width:740px; margin:0 auto; padding-top:15px}

    ]]></b:skin>
    </head>

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

    <span id='skiplinks' style='display:none;'>
    skip to main |
    skip to sidebar
    </span>

  2. #2

    <div id='header-wrapper'>
    <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
    <b:widget id='Header1' locked='true' title='My impossible Dream (Intestazione)' type='Header'/>
    <b:widget id='HTML64' locked='false' title='Header Ad Banner' type='HTML'/>
    </b:section>

    <div style='clear: both'/>
    </div>




    <div id='nav'>
    <b:section class='header-tabs' id='header-tabs' preferred='yes' showaddelement='no'>
    <b:widget id='LinkList34' locked='true' title='Top Tabs' type='LinkList'/>
    <b:widget id='HTML65' locked='true' title='Search' type='HTML'/>
    </b:section>
    </div>




    <div class='contentwrapper'>

    <div id='content'>
    <div id='ga-ads'>
    &lt;script type=&quot;text/javascript&quot;&gt;&lt;!--
    google_ad_client = &quot;pub-6044026340890176&quot;;
    google_ad_host = &quot;pub-1556223355139109&quot;;
    /* 468x60, Ads Theme Blogger Template */
    google_ad_slot = &quot;0770222221&quot;;
    google_ad_width = 468;
    google_ad_height = 60;
    //--&gt;
    &lt;/script&gt;
    &lt;script type=&quot;text/javascript&quot;
    src=&quot;http://pagead2.googlesyndication.com...s.js&quot;&gt;
    &lt;/script&gt;
    </div>



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



    <div id='sidebar-right'>

    <b:section class='sidebar' id='sidebar1' preferred='yes'>
    <b:widget id='HTML70' locked='false' title='125 x 125 Ad Section' type='HTML'/>
    <b:widget id='HTML69' locked='false' title='Feed Section' type='HTML'/>
    <b:widget id='LinkList71' locked='false' title='Popular Posts' type='LinkList'/>
    <b:widget id='Feed72' locked='false' title='Recent Posts' type='Feed'/>
    </b:section>


    <div id='lsidebar'>

    <b:section class='sidebar-left' id='sidebar-left' preferred='yes'>
    <b:widget id='Label12' locked='false' title='Categories' type='Label'/>
    <b:widget id='LinkList3' locked='false' title='Blogroll' type='LinkList'/>
    <b:widget id='HTML73' locked='false' title='Recent Readers' type='HTML'/>
    <b:widget id='AdSense99' locked='false' title='' type='AdSense'/>
    </b:section>

    </div>
    <div id='rsidebar'>

    <b:section class='rsidebar123' id='sidebar123' preferred='yes'>
    <b:widget id='BlogArchive88' locked='false' title='Archives' type='BlogArchive'/>
    <b:widget id='Feed74' locked='false' title='Recent Comments' type='Feed'/>
    <b:widget id='HTML75' locked='false' title='Live Traffic Feed' type='HTML'/>
    <b:widget id='HTML76' locked='false' title='Site Sponsor' type='HTML'/>
    </b:section>

    </div>


    </div>
    <div style='clear: both;'/>
    </div>

    <div class='clear'/>

    <div id='footer'>

    <b:section class='footer1' id='footer1' showaddelement='no'>
    <b:widget id='HTML77' locked='true' title='Footer' type='HTML'/>
    </b:section>


    <div class='left'>

    Original design by Blogging Secret | Sponsored by Premium WordPress Themes | Ads Theme Blogger Template</p>
    </div>

    <div class='right'>


    Jump to TOP</p>
    </div>


    <div style='clear: both'/>
    </div>

    </div>
    </body>
    </html>

  3. #3
    Utente di HTML.it
    Registrato dal
    Jun 2010
    Messaggi
    249
    guardando velocemente il codice capisco che il banner che dici tu è in un div dentro al div "content"... mi dici qual'è il div esatto del banner? controlla l'altezza

  4. #4
    il div che contiene il banner è questo :

    <div class='contentwrapper'>

    <div id='content'>
    <div id='ga-ads'>
    &lt;script type="text/javascript"&gt;&lt;!--
    google_ad_client = "pub-6044026340890176";
    google_ad_host = "pub-1556223355139109";
    /* 468x60, Ads Theme Blogger Template */
    google_ad_slot = "0770222221";
    google_ad_width = 468;
    google_ad_height = 60;
    //--&gt;
    &lt;/script&gt;
    &lt;script type="text/javascript"
    src="http://pagead2.googlesyndication.co...s"&gt;
    &lt;/script&gt;
    </div>



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

  5. #5
    Utente di HTML.it
    Registrato dal
    Jun 2010
    Messaggi
    249
    mettigli temporaneamente un bordo rosso per capire il problema

    #ga-ads {border: 1px solid red;}

    inizia a capire se il div è della dimensione giusta ma scende o se invece è più alto dell'immagine.. per intenderci se inizia dove vuoi tu o se c'è spazio sopra al div... poi metti le dimensioni

  6. #6
    inserendo il riquadro ho notato che il div che ti ho indicato non è quello del mio banner, ma uno
    già inserito nel template.
    Io avevo inserito il banner attraverso una schermata video dove selezionato il gadget (in questo caso il banner adsense) lo si trascina dove lo si vorrebbe mettere; nel mio caso sopra al post.
    accortomi di questo ho cancellato tutto il div contenente questo banner che non si vedeva e il problema si è risolto.
    Ora tutto appare in modo corretto.
    nel dettaglio ho cancellato queste stringhe di codice:

    <div id='ga-ads'>
    &lt;script type="text/javascript"&gt;&lt;!--
    google_ad_client = "pub-6044026340890176";
    google_ad_host = "pub-1556223355139109";
    /* 468x60, Ads Theme Blogger Template */
    google_ad_slot = "0770222221";
    google_ad_width = 468;
    google_ad_height = 60;
    //--&gt;
    &lt;/script&gt;
    &lt;script type="text/javascript"
    src="http://pagead2.googlesyndication.co...s"&gt;
    &lt;/script&gt;
    </div>



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

    é tutto giusto o dovrei fare altre modifiche secondo te ??
    Grazie 1000 Robeto

  7. #7
    Utente di HTML.it
    Registrato dal
    Jun 2010
    Messaggi
    249
    mentre costruisci un sito è utile mettere bordi di vari colori ai div per capire la grandezza ed il posizionamento.. e per capire cosa sono
    nel codice della tua pagina che ad una prima occhiata sembra incasinatissimo mi pare di vedere tante cose inutili che probabilmente c'erano nel template e non li usi... fatti una copia per sicurezza nel caso sminchiassi tutto.. e inizia a capire mettendo bordi uno ad uno i div quali sono e se ti servono altrimenti cancella.
    ok scaricare template pronti, ma serve anche capirlo il codice per utilizzarli.. nel caso studiati anche la guida html di base

  8. #8
    si è vero ci sono delle cose che sono ancora da impostare e per questo ancora inutilizzate.
    Mi sono soffermato su questo problema perchè è l' unico che non veniva trattato nella guida del template.
    Grazie 1000 cmq !
    Pian piano imparerò tutto

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.