HTML help ZONE

**Paperoga** · 16/4/2009, 19:58

Hai solo quel CSS lì?

**K1ll3r** · 17/4/2009, 15:38

eccolo completo,così tagliamo la testa al toro

codice:

<html>

<title><Dulcissimo Pandemonium></title>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="keywords" content="web log, blog, pannasmontata, templates, splinder, diario online, creare un blog, blog tools, blog directory, crea un blog, free blog, blog template, blogger, e-journal, website personale, sito personale, pagina personale, homepage, home page, community blogging, community blog" />
<title><$BlogTitle$></title>
<style type="text/css">


body {
    background-color: #000000;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 10px;
        text-align: center;
        scrollbar-base-color: #A9B5BF;
        scrollbar-arrow-color: #375267;
    
}

a:link {
    color: #7B0A0A;
    text-decoration: none;
}

a:visited {
    color: #7B0A0A;
    text-decoration: none;
}

a:hover {
    color: #CC0000;
    text-decoration: line-through;
}

input,textarea {
        background-color: #000000;
        color: #CC0000;
}


#box {
    background-color: #000000;
        border: 1px ridge #CC0000;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 10px;
    outline-color: #214D2F;
    padding-right: 5px;
    padding-left: 5px;
        padding-top: 5px;
    width: 790px;
        margin-top: 10px;
        margin-left: auto;
        margin-right: auto;
      width: 780px;    
}


#header {

    background-color: #000000;
    background-image: url(http://nea.ngi.it/templates/img/36-slash.jpg);
    background-position: top;
    background-repeat: no-repeat;
        height: 350px;
        margin-bottom: 5px;       
} 


#boxblog {
    color: #999999;
    margin-left: 190px;
    margin-right: 190px;
        margin-bottom: 10px;
        background-color: #000000;
        padding-bottom: 15px;
        text-align: justify;
        position: center;
}

#menusx {
        float: left;
        text-align: center;
        color: #999999;
        width: 180px;
        width: 190px;
        width: 180px;
        margin-bottom: 10px;
        padding-bottom: 15px;
    
} 
#menudx {
        float: right;
        text-align: center;
        color: #999999;
        width: 180px;
        width: 190px;
        width: 180px;
        margin-bottom: 10px;
        padding-bottom: 15px;    
}  

#fondo {
        height: 15px; 
         clear: both; 
        background-image: url(http://nea.ngi.it/templates/img/36-fondo.jpg);
        background-position: center;
        background-repeat: no-repeat;
}


<!-- STILE COLONNA -->


.boxmenu {
    margin-bottom: 15px;
    text-align: center;
}

.vocemenu {
    color: #CC0000;
        padding-top: 2px;
        padding-bottom: 2px;
        margin-top: 15px;
        margin-bottom: 5px;
    text-align: center;
    text-transform: capitalize;
        font-weight: bold;
        border-top: 1px ridge #CC0000;
        border-right: 1px ridge #CC0000;
        border-left: 1px ridge #CC0000;
          
}

.bottommenu {
    color: #000000;
        padding-bottom: 2px;
        margin-bottom: 15px;
        margin-bottom: 5px;
    text-align: center;
        border-bottom: 1px ridge #CC0000;
        border-right: 1px ridge #CC0000;
        border-left: 1px ridge #CC0000;
          
}

<!-- TAGS DEL BLOG -->


.divlog {
    margin-bottom: 15px;
    padding: 4px;
}

.titolopost {
        color: #CC0000;
    text-transform: capitalize;
        font-weight: bold;
        border-top: 1px ridge #CC0000;
        border-right: 1px ridge #CC0000;
        border-left: 1px ridge #CC0000;
        padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 3px;
        margin-top: 20px;
}

.titolinilog {
    color: #7B0A0A;
    font-size: 10px;
}

.titolinibottom {
        color: #999999;
        padding-bottom: 3px;
        padding-left: 3px;
        border-bottom: 1px ridge #CC0000;
        border-right: 1px ridge #CC0000;
        border-left: 1px ridge #CC0000;
}

.boxblog{
        color: #999999;
        text-align: justify; 
        margin-bottom: 10px; 
        padding: 3px;      
}


<!-- PAGER -->


#blog-pager div {
    color: #946850;
    display: inline;
    font-size: 10px;
    padding: 1px;
}

#blog-pager a {
    display: inline;
    margin: 3px;
    text-decoration: overline;
}


<!-- STILE COMMENTI -->

.comment {
        border-bottom: 0px none #4C6B5E;
        margin-top: 1em;
        background:transparent;
        width: 99%;
}  

.comment-body {
    text-align: left;
    font-style:normal; 
    font-variant:normal; 
    font-weight:normal;
        margin-bottom: 10px;
}

.comment-top {
    background: transparent;
    text-align: right;
    padding-bottom:.7em;
    margin-right: .55em;
    padding-right: .5em; 
    border-bottom: 0px none #4C6B5E; 
    font-style:normal; 
    font-variant:normal; 
    font-weight:normal;
}

.comment-bottom {
    background: transparent;
    text-align: left;
    padding: .2em .0em .9em .0em ;
        border-bottom: 1px ridge #CC0000;
        margin-top: 10px;
    font-style:normal; 
    font-variant:normal; 
    font-weight:normal;
    color: #CC0000;
}

.comment-tips {
     background: transparent;
    text-align: left;
    padding-left:.5em;
    font-style:normal; 
    font-variant:normal; 
    font-weight:normal;
    color: #7B0A0A;
}    

.comment-form-title {
    background: transparent;
    text-align: left;
    margin-left: .55em;
    margin-right: .55em;
    margin-top: 20px;
    padding-left: .5em;
    padding-right: .5em;
        border-bottom: 1px ridge #CC0000;
    font-style:normal; 
    font-variant:normal; 
    font-weight:normal;
    color: #CC0000;
}    

.comment-form-user {
    background:transparent ;
    padding-left:.5em;
    padding-top: .3em;
        margin-top: 5px;
    text-align: left;
    font-size:11px;
    font-style:normal; 
    font-variant:normal; 
    font-weight:normal;
    color: #CC0000;
    line-height: 1.3em;
}    


<!-- NAVIGAZIONE -->

.navigazione {
        border: 1px ridge #CC0000;
    color: #946850;
    margin-bottom: 6px;
    margin-top: 4px;
    padding-bottom: 1px;
    padding-left: 4px;
    padding-right: 2px;
    text-align: center;
}

.prev {
        float: left;
        text-align: left;
        width: 45%;
}

.next {
    float: right;
    text-align: right;
    width: 45%;
}

.home {
      text-align: center;

}

</style>
</head>

<body>

<!-- START CORPO BLOG -->
<div id="box">


<!-- START HEADER -->
<div id="header"> </div>
<!-- END HEADER -->

<!-- START COLONNA -->
<div id="menusx">


<!-- START MENU COLONNA -->

                        
    <div class="boxmenu">
                               
              <div class="vocemenu">
               chi sono
              </div>
        
    <center>
                                               
     Chi sono io?? un folle! Sono stato catapultato in questa era per sbaglio,vengo da lontanissimo,dal passato... sono un epico cavaliere che vive nel suo regno glorioso                                                                                           

    </center>

              <div class="bottommenu">
              -----
              </div>
    </div>




    <div class="boxmenu">
                               
         <div class="vocemenu">
          Archivio
         </div>
    
    <center>
                                             
    <$BlogArchive$>
                    
    </center>

              <div class="bottommenu">
              -----
              </div>

    </div>




    <div class="boxmenu">
                                
              <div class="vocemenu">
                Categorie
              </div>
                
    <center>
                                            
    <$BlogCategories$>
                                       
    </center>

              <div class="bottommenu">
              -----
              </div>

    </div>




    <div class="boxmenu">
                                
              <div class="vocemenu">
           Feeds-counter
              </div>
        
    <center>
                                 
    <$BlogCounter$> visitatori
    <br /><br />
    <$BlogFeeds$>
                                       
    </center>

              <div class="bottommenu">
              -----
              </div>

    </div>




    <div class="boxmenu">
                                
              <div class="vocemenu">
           Credits
              </div>
            
    <center>
                                            
    Template by:
    <b>Pandemonium</b></a>
    <br /><br /> 
    Distributed by:
    <br />
    <b>Pandemonium ArT</b></a>
    <br />                                                
                  
    </center>

              <div class="bottommenu">
              -----
              </div>

    </div>

                
<!-- END MENU COLONNA SINISTRA -->


</div>
<!-- END COLONNA SINISTRA -->

<!-- START COLONNA DESTRA -->
<div id="menudx">


<!-- START MENU COLONNA DESTRA -->

                        
    <div class="boxmenu">
        
              <div class="vocemenu">
               odi et amo
              </div>
        
    <center>
                                          
    Odio : l'ipocrisia <br />
    Amo : La sincerità   <br />
    La mia musica : Rock   <br />
    I miei libri : Storico/letterari   <br />
                                       
    </center>

              <div class="bottommenu">
              -----
              </div>

    </div>




    <div class="boxmenu">
                               
              <div class="vocemenu">
               Ipse dixit
              </div>
            
    <center>
                                                     
    <marquee width=180 height=100 direction="up" scrollAmount=1>
    <center>
    <font color="#946850">Io sono Proximo, e per i pochi giorni che seguiranno, gli ultimi della vostra miserabile vita, io vi starò più vicino di quella ******* che vi ha messo al mondo urlando! Non ho pagato per godere della vostra compagnia, ho pagato per trarre profitto dalla vostra morte. E come vostra madre era con voi al principio, io sarò con voi alla fine. E quando voi morirete, perchè voi morirete, il vostro trapasso avverrà con questo suono... clap... clap... clap... Gladiatori, io vi saluto! (Il Gladiatore)
</font>
    </marquee>
            
    </center>

              <div class="bottommenu">
              -----
              </div>

    </div>




    <div class="boxmenu">
                               
              <div class="vocemenu">
                   Siti
              </div>
        
    <center>
                                             
   <p class="menu"> 
<a href="http://www.marilynmanson.com/"><img src="http://i243.photobucket.com/albums/ff100/taintedXarts/mmObseanicon.gif"></a><br>
<a href="http://www.ironmaiden.com/"><img src="http://i258.photobucket.com/albums/hh250/lznx329/ironmaiden.gif"></a><br>
<a href="http://www.metallica.com/"><img src="http://i26.photobucket.com/albums/c111/kiester/kiester2/metallica_spinning_icon.gif"></a><br>
<a href="http://www.evanescence.com/"><img src="http://i201.photobucket.com/albums/aa198/Angelderock/evanescence_icon3.gif"></a><br>
<a href="http://www.heartagram.com/"><img src="http://i38.photobucket.com/albums/e147/dannylee19/HIM_icon_1.gif"></a><br>
<a href="http://www.nightwish.com/"><img src="http://farm2.static.flickr.com/1322/buddyicons/74047359@N00.jpg"></a><br>
<a href="http://www.sonataarctica.info"><img src="http://i204.photobucket.com/albums/bb221/MarcNick/AAiconremod.jpg"></a><br>
<br>
</p>
                                       
    </center>

              <div class="bottommenu">
              -----
              </div>

    </div>




    <div class="boxmenu">
                               
              <div class="vocemenu">
                   Ultimi Commenti
              </div>
            
    <center>
                                             
    <$BlogRecentComments$> 
                                       
    </center>

              <div class="bottommenu">
              -----
              </div>

    </div>




    <div class="boxmenu">
                                
              <div class="vocemenu">
                   Ispirazione
              </div>
    <br>
        
    <center>

    
    <img src="http://i40.tinypic.com/2vjq0yd.jpg"> 
    <img src="http://i40.tinypic.com/155jfw5.jpg">
    <img src="http://i40.tinypic.com/2zsodmp.jpg">
    <img src="http://i43.tinypic.com/fkwi0l.jpg">
    <img src="http://i41.tinypic.com/oauf4o.jpg">
    <img src="http://i42.tinypic.com/2zylshy.jpg">
    <img src="http://i33.tinypic.com/2n71qmx.jpg">                                   
   
    </center>

              <div class="bottommenu">
              -----
              </div>

    </div>




    <div class="boxmenu">
                                
              <div class="vocemenu">
                   Bottoni
              </div>
        
    <center>
                                     
    <$BlogButtons$>
                                                                            
    </center>

              <div class="bottommenu">
              -----
              </div>

    </div>




    <div class="boxmenu">
              
              <div class="vocemenu">
                   
              </div>
        
    <center>
    <img src="http://i171.photobucket.com/albums/u294/evil_crow666/The%20Crow%20and%20Brandon%20Lee/l_620dcbd17e0680059a2c1b6426ce6e80.gif">
<br>            
    <address style="text-align: center;"><span style="color: #0000ff;"><span style="font-family: comic sans ms,sans-serif;">Sbalordito il diavolo rimase quando</span></span></address> <address style="text-align: center;"><span style="color: #0000ff;"><span style="font-family: comic sans ms,sans-serif;">comprese quanto osceno fosse il bene e </span></span></address> <address style="text-align: center;"><span style="color: #0000ff;"><span style="font-family: comic sans ms,sans-serif;">vide  la virt&ugrave; nello splendore </span></span></address> <address style="text-align: center;"><span style="color: #0000ff;"><span style="font-family: comic sans ms,sans-serif;">delle sue forme sinuose.</span></span></address>                                     
    </center>

              <div class="bottommenu">
              -----
              </div>

    </div>

                     
<!-- END MENU COLONNA DESTRA-->


</div>
<!-- END COLONNA DESTRA-->



<!-- START CORPO BLOG -->
<div id="boxblog">

<br />

<center>

<Blogger> <$BlogNavigation$>

</center>

<div class="divlog">
                
<div class="titolopost"><$BlogItemTitle$></div>
                
<div class="titolinilog">
                    
postato da <$BlogItemAuthorNickname$> alle ore <$BlogItemDateTime$> <br /> <BlogDateHeaderDate><$BlogDateHeaderDate$></BlogDateHeaderDate>
              
</div>
                         
</div>
             
<br />
                    
<div class="boxblog"><$BlogItemBody$></div>
                    
<div class="titolinibottom">

<a href="<$BlogItemPermalink$>">Permalink </a>¦                    <$BlogItemCommentLink$><$BlogItemCommentList$>¦ <$BlogItemComments$>(popup)        
<br />
categoria : <i><$BlogItemCategories$></i>
                
</div>
                
<br />

</Blogger>
    
<center>
                
<$BlogPager$>
            
</center>

</div>

<!-- FINE CORPO BLOG -->




</div>
<!-- END BLOG BOX -->

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

**Paperoga** · 20/4/2009, 14:56

Dove hai questo

#box {
background-color: #000000;
border: 1px ridge #CC0000;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10px;
outline-color: #214D2F;
padding-right: 5px;
padding-left: 5px;
padding-top: 5px;
width: 790px;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
width: 780px;
}

Sostituisci

width: 780px;

con

width: 780px;

Mentre dove c'è

#blog-pager div {
color: #946850;
display: inline;
font-size: 10px;
padding: 1px;
}

Sostituisci

padding: 1px;

con

padding: 0px;

Intendevo così ^^ prova a vedere.

**K1ll3r** · 21/4/2009, 12:37

è xfetto si vede bene su IE

**Paperoga** · 21/4/2009, 14:49

bene ^^

**K1ll3r** · 27/4/2009, 16:19

mi ridà lo stesso problema -.-

**K1ll3r** · 27/4/2009, 16:23

Originariamente inviata da K1ll3r

mi ridà lo stesso problema -.-

risolto

HTML help ZONE

LinkBack

Strumenti discussione

Discussioni simili

Peli superflui in zone particolari

Zone alarm PRO gratuito

Zone alarm

Sean Paul- head in the zone

Il ph nelle varie zone del nostro corpo

ACCEDI

HTML help ZONE

LinkBack

Strumenti discussione

Discussioni simili

Peli superflui in zone particolari

Zone alarm PRO gratuito

Zone alarm

Sean Paul- head in the zone

Il ph nelle varie zone del nostro corpo