Creazione template html

Se hai problemi con la barra di iobloggo o con i template, questo è il posto giusto!

Moderatori: Moderatori iobloggo, Moderatori HTML & Grafica

Creazione template html

Messaggioda Sammy90 » 25 giugno 2012, 15:14

Salve vorrei mettere questo template :) ma non so da che parte iniziare, questo è il codice:
Codice: Seleziona tutto
<!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" xml:lang="en" lang="en">


 <title> LOVE. </title>

 <link href='http://fonts.googleapis.com/css?family=Lora:400italic' rel='stylesheet' type='text/css'>

 <link rel="icon" href=" http://i42.tinypic.com/28icjl4.jpg"/>


 <!-- NOTICE : YOUR IP ADDRESS HAS NOW BEEN TRACKED. REDISTRIBUTION OR USING ANY PARTS OF THIS THEME IS STRICTLY PROHIBITED. !-->

 <head>

 <style type="text/css">
 body{
 background-color: #fcfcfc;
 background-image:url();
 background-position: center;
 background-attachment: fixed;
 background-repeat: repeat;
 color: #919191;
 font-family: arial;
 font-size: 8pt;
 line-height: 16px;
 text-align: adjustable;
 cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;
 }
 ::-webkit-scrollbar {
 width: 10px;
 height:auto;
 background: #trans;
 border-left: 1pt solid #131313;
 border-right: 1pt solid #131313;
 border-top: 1pt solid #131313;
 border-right: 1pt solid #fff;
 }

 ::-webkit-scrollbar {
 width: 10px;
 height:auto;
 background: #trans;
 border-left: 1pt solid #dbdbdb;
 border-right: 1pt solid #dbdbdb;
 border-top: 1pt solid #dbdbdb;
 border-right: 1pt solid #fff;
 }
 ::-webkit-scrollbar-corner {
 background: #f8f8f8;
 }
 ::-webkit-scrollbar-button:vertical {
 height:4px;
 display: block;
 background: #f6f6f6;
 border-left:1pt solid #dbdbdb;
 border-right:1pt solid #dbdbdb;
 }
 ::-webkit-scrollbar-button:horizontal {
 width: 7px;
 height: 4px;
 display: block;
 }
 ::-webkit-scrollbar-thumb:vertical {
 background:#trans);
 border: 1px solid #dbdbdb;
 }
 ::-webkit-scrollbar-thumb:horizontal {
 background: #d5d5d5;
 border: 1px solid #d5d5d5;
 }
 ::-webkit-scrollbar-thumb {
 background: #f8f8f8;
 border-top: 1pt solid #dbdbdb;
 border-bottom: 1pt solid #dbdbdb;
 }
 ::-webkit-scrollbar-thumb:hover {
 background: #f8f8f8;
 cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;
 }
 ::-webkit-scrollbar-track-piece {
 background: #fff;
 border-top: 1pt solid #dbdbdb;
 border-bottom: 1pt solid #dbdbdb;
 width:4pt;
 }
 #sideinfo{
 left: 185px;
 top: 10px;
 width: 180px;
 min-height: 600px;
 background-color: #trans;
 display: block;
 text-align: left;
 padding-left: 5pt;
 padding-right: 15pt;
 -webkit-border-radius: 0px;
 -moz-border-radius: 0px;
 border-radius: 0px;
 line-height: 16px;
 float: right;
 position: absolute;
 z-index: 1;
 border-right: 1pt dotted #e6e6e6;
 }
 #header{
 top: 10px;
 width: 915px;
 padding: 20px;
 border: 1pt solid #e6e6e6;
 margin-left: 120px;
 z-index: 1;
 background-color: #fff;
 -webkit-box-shadow:0px 0px 10px #e2e2e2;
 }
 #navigation{
 left: 10px;
 top: 10px;
 position: fixed;
 }
 #bordered{
 margin-top: 80px;
 margin-left: 125px;
 width: 782px;
 height: 12px;
 z-index: 1;
 background-color: #transparent;
 }
 div.scroll{
 height: 420px;
 width: 500px;
 overflow-x: hidden;
 overflow-y: scroll;
 background-color: #transparent;
 border: 0pt solid #eeeeee;
 padding-left: 0px;
 padding-right: 40px;
 padding-bottom: 5px;
 border-top: 0px solid #ffffff;
 }
 #center{
 margin: 0px 0px 0px 0px;
 margin-left: 160px;
 margin-top: 0px;
 width: 500px;
 padding-left: 240px;
 padding-right: 55px;
 padding-top: 10px;
 border: 1pt solid #eee;
 background-color: #fff;
 position: absolute;
 top: 0px;
 -webkit-box-shadow:0px 0px 0px #eee;
 min-height: 845px;
 }
 #contain{
 left: 120px;
 top: 0px;
 width: 895px;
 height: 200%;
 border: 1pt solid #eee;
 -webkit-box-shadow:0px 0px 10px #e2e2e2;
 background-color: #f9f9f9;
 line-height: 16px;
 position: fixed;
 background-image:url();
 }
 #box{
 overflow:hidden;
 background-color: #trans;
 width: 510px;
 padding-left:10px;
 padding-right:10px;
 padding-top: 2px;
 padding-bottom:10px;
 border-bottom: 0pt solid #181817;
 }
 #postdate{
 letter-spacing: 1pt;
 background-color: #transparent;
 text-transform: uppercase;
 text-align: left;
 padding: 5px;
 padding-top: 7px;
 padding-left: 6px;
 margin-bottom: -10px;
 width: 500px;
 border-bottom: 1pt solid #eee;
 }
 #perma{
 font-size:9px;
 margin-top:0px;
 position:absolute;
 right:50%;
 margin-right:260px;
 }
 #ask{
 display:block;
 float:left;
 width:60px;
 overflow:hidden;
 word-wrap:break-word;
 margin-right:4px;
 }

 #audiobackground{
 background-color: #fff;
 height:10;
 width:500;
 }
 header {
 text-align: center;
 }
 blockquote{
 border-top: 3pt double #eee;
 padding: 10px;
 line-height: 150%;
 }
 h1{
 color: #b1b1b1;
 font-family: courier new;
 font-size: 7pt;
 line-height: 15pt;
 letter-spacing: 2px;
 text-align: left;
 font-weight: bold;
 background-color: #transparent;
 text-transform: uppercase;
 }
 ..user_1 .label, .user_4 .label, .user_7 .label {
 font-size: 9px;
 letter-spacing: 2px;
 color: #b1b1b1;
 font-family: trebuchet ms;
 text-transform: uppercase;
 text-shadow: 1px 1px 2px #e1dad4;
 text-decoration: none;
 }
 .user_2 .label, .user_5 .label, .user_8 .label {
 font-size: 9px;
 letter-spacing: 2px;
 color: #b1b1b1;
 font-family: trebuchet ms;
 text-transform: uppercase;
 text-shadow: 1px 1px 2px #e1dad4;
 text-decoration: none;
 }
 .user_3 .label, .user_6 .label, .user_9 .label {
 font-size: 9px;
 letter-spacing: 2px;
 color: #b1b1b1;
 font-family: trebuchet ms;
 text-transform: uppercase;
 text-shadow: 1px 1px 2px #e1dad4;
 text-decoration: none;
 }
 ul.chat, .chat ol, .chat li {
 list-style: none;
 margin: 0px;
 padding:0px;
 }
 .notes img{
 width: 10px;
 position: relative;
 top: 1px;
 margin-left: 5px;
 display: none;
 }
 ol.notes, .notes li{
 list-style: ol;
 margin: 0px;
 padding:0px;
 margin-left: 5px;
 }
 iframe input, iframe submit, iframe textarea, iframe div, iframe table {
 background-color:transparent!important;
 }
 iframe#tumblr_controls {
 top: 4.25% !important;
 margin: -30px 0 0 0;
 right: 1px !important;
 position: fixed !important;
 }
 b, strong{
 font-size: 9px;
 letter-spacing: 2px;
 color: #666;
 font-family: trebuchet ms;
 text-transform: uppercase;
 text-shadow: 1px 1px 2px #e1dad4;
 text-decoration: none;
 font-weight: normal;
 }
 i, em {
 color: #666;
 font-family: 'Lora', serif;
 font-size: 7pt;
 }
 a:link, a:active, a:visited{
 font-size: 5pt;
 letter-spacing: 1px;
 color: #c2c2c2;
 font-family: arial;
 text-transform: uppercase;
 text-decoration: none;
 font-style: normal;
 cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;
 }
 navlink{
 font:normal 6px small fonts;
 text-transform: uppercase;
 text-align: left;
 line-height: 6pt;
 letter-spacing: 2px;
 width:160px;
 color: #c2c2c2;
 background-color: #f9f9f9;
 display: block;
 width: 100%;
 margin: 0;
 margin-bottom: -15px;
 padding: 2px;
 padding-left: 4px;
 border-bottom: 1pt solid #eee;
 border-left: 0px solid #eee;
 }
 .user_1 .label, .user_4 .label, .user_7 .label {
 font-size: 5pt;
 letter-spacing: 2px;
 color: #b1b1b1;
 font-family: 'Lora',serif;
 text-transform: uppercase;
 text-decoration: none;
 }
 .user_2 .label, .user_5 .label, .user_8 .label {
 font-size: 5pt;
 letter-spacing: 2px;
 color: #b1b1b1;
 font-family: 'Lora',serif;
 text-transform: uppercase;
 text-decoration: none;
 }
 .user_3 .label, .user_6 .label, .user_9 .label {
 font-size: 5pt;
 letter-spacing: 2px;
 color: #b1b1b1;
 font-family: 'Lora',serif;
 text-transform: uppercase;
 text-decoration: none;
 }
 ul.chat, .chat ol, .chat li {
 list-style: none;
 margin: 0px;
 padding:0px;
 }
 .notes img{
 width: 10px;
 position: relative;
 top: 1px;
 margin-left: 5px;
 display: none;
 }
 ol.notes, .notes li{
 list-style: ol;
 margin: 0px;
 padding:0px;
 margin-left: 5px;
 }
 iframe input, iframe submit, iframe textarea, iframe div, iframe table {
 background-color:transparent!important;
 }
 </style>

 </head>


 <body>

 <div id="bordered">


 </div>

 <div id="contain">

 </div>

 <div id="sideinfo">

 <center>

 <img src="http://i33.tinypic.com/280krcm.png">

 </center>

 <br>

 <navlink> <a href="/" style="font-family: courier new; font-weight: bold; color: #b1b1b1; font-size: 6pt; letter-spacing: 1px;"> view recent entries</a></navlink>




 <navlink> <a href="/ask" style="font-family: courier new; font-weight: bold; color: #b1b1b1; font-size: 6pt; letter-spacing: 1px;"> send private message </a></navlink>




 <navlink> <a href="/archive" style="font-family: courier new; font-weight: bold; color: #b1b1b1; font-size: 6pt; letter-spacing: 1px;"> archived blog posts </a></navlink>




 <navlink style="margin-bottom: 0px;"> <a href="http://lacette.tumblr.com" style="font-family: courier new; font-weight: bold; color: #b1b1b1; font-size: 6pt; letter-spacing: 1px;"> theme design by lacette </a></navlink>

 <br>

 <div style="border-bottom: 1pt solid #eee; width: 100%; font-family: 'Lora', serif; font-size: 9pt; text-align: left; font-style: italic; padding: 2px; margin-bottom: 5px;">

 Read my profile

 </div>

 <img src="http://i40.tinypic.com/r2p1f9.png" style="width: 70px; border: 3pt double #eee; margin-right: 8px;" align="left">

 This is your own little section to write all about what you adore the most.. yourself! Call it a mini autobiography. Write about what you love, what you hate, and what defines you. Make it as long or as short as you want, just make sure it gives your followers & readers a little glimpse into what your blog is all about. Thank you so much for choosing a theme by Lacette, I hope you absolutely love it! If you have any questions or concerns, feel free to send me a message.

 <br>
 <br>

 <div style="border-bottom: 1pt solid #eee; width: 100%; font-family: 'Lora', serif; font-size: 9pt; text-align: left; font-style: italic; padding: 2px; margin-bottom: 5px;">

 Monthly agenda

 </div>

 <div id="scroll3" style="text-align: center; background-color: #f9f9f9; border: 1pt solid #eee; border-bottom: 1pt solid #eee; width: 180px;"> <font style="font-family: courier new; font-size: 7pt; text-transform: uppercase; font-weight: bold; color: #b1b1b1; letter-spacing: 2px;"> February 2012 </font> </div>

 <div id="scroll3" style="background-color: #ffffff; border: 1pt solid #eee; border-top: 0px; width: 180px;">

 <tinyaw>
 <center>

 <table style="float: center; text-align: center; background-color: #transparent; font-size: 7pt;" width="180" cellpadding=”2” cellspacing=”2“>

 <tr style="background-color: #transparent; font-family: courier new; letter-spacing: 2px; color: #b1b1b1; border-bottom: 1pt solid #eeeeee;">

 <td>SUN</td> <td>MON</td> <td>TUE</td> <td>WED</td> <td>THU</td> <td>FRI</td> <td>SAT</td>

 </tr>

 <tr>

 <td> </td>
 <td> </td>
 <td> </td>

 <td><div align="center"><r>01</r></div></td>

 <td><div align="center">02</div></td>

 <td><div align="center">03</div></td>

 <td><div align="center">04</div></td>

 </tr>

 <tr>

 <td><div align="center">05</div></td>

 <td><div align="center">06</div></td>

 <td><div align="center"><r>07</r></div></td>


 <td><div align="center">08</div></td>

 <td><div align="center"><r>09</r></div></td>

 <td><div align="center">10</div></td>

 <td><div align="center">11</div></td>

 </tr>

 <tr>

 <td><div align="center">12</div></td>

 <td><div align="center"><r>13</r></div></td>

 <td><div align="center">14</div></td>

 <td><div align="center">15</div></td>

 <td><div align="center">16</div></td>

 <td><div align="center">17</div></td>

 <td><div align="center">18</div></td>

 </tr>

 <tr>

 <td><div align="center">19</div></td>

 <td><div align="center">20</div></td>

 <td><div align="center"><r>21</r></div></td>


 <td><div align="center">22</div></td>

 <td><div align="center">23</div></td>

 <td><div align="center"><r>24</r></div></td>


 <td><div align="center"><r>25</r></div></td>

 </tr>

 <tr>

 <td><div align="center">26</div></td>

 <td><div align="center">27</div></td>

 <td><div align="center">28</div></td>

 <td><div align="center">29</div></td>

 </tr> </table></tinyaw></center></span> </div>

 <br>

 <div style="border-bottom: 1pt solid #eee; width: 100%; font-family: 'Lora', serif; font-size: 9pt; text-align: left; font-style: italic; padding: 2px; margin-bottom: 5px;">

 Simple pleasures

 </div>

 Write what you love here! For example, I my boyfriend, web and graphic design, blogging, fashion, working out, black nail varnish, going to concerts, anything Chanel or Marc Jacobs, yoga & pilates, and my family.

 </div>

 <div id="center">

 <div id="posts">

 {block:Posts}<div id="posts">

 <div id="box">

 <div id="postdate">
 <a href="{Permalink}" style="font-size: 7px; font-family: arial; letter-spacing: 1px; text-transform: uppercase; font-weight: normal; color: #b1b1b1; text-shadow: 0px 0px 0px #e1dad4;"> <font style="font-family: 'Lora', serif; text-transform: none; font-size: 16pt; letter-spacing: -1px; font-style: italic;"> {DayOfWeek}, </font> <br> {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year} &mdash; {NoteCount} Comments </center></small></a></span></div>

 <br>


 {block:Text}{block:Title}<div class="title"><h1>{Title}</h1></div>{/block:Title}

 {Body}
 {/block:Text}
 {block:Photo}
 {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" style="padding: 6px; border: 1pt solid #eee; -webkit-box-shadow:0px 0px 0px #e2e2e2;"/>{LinkCloseTag}
 {block:Caption}<div style="margin: 0px;">{Caption}</div>{/block:Caption}
 {/block:Photo}
 {block:Photoset}
 <br>
 <center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
 {block:Quote}<h1 style="border-bottom: 0px;">"{Quote}"&nbsp;<h1>
 <div style="padding-left:20px;"> </h1>
 {block:Source}<BR><div align="right">— {Source}{/block:Source} </div>
 </div>

 <div id="perma"><span class="tags"></span></div>

 {/block:Quote}
 {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>{/block:Link}
 {block:Link}{block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
 {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
 <!-- Audio Posts -->

 {block:Audio}\
 <div class="audio">
 <div id="radio">
 {AudioPlayerWhite}
 </div>
 {block:Caption}
 <div class="caption"></div>
 {/block:Caption}
 </div>
 {/block:Audio}


 {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
 {block:Answer} <font style="font-family: trebuchet ms; font-size: 7pt;">
 {Asker}: <font style="font-style: italic;"> {Question}</font> </font><br><blockquote>{Answer}</blockquote>
 {/block:Answer}
 </div>

 <br>

 {/block:Posts}

 </div>

 <center>
 <a href="{TagURL}">{Tag} </a><br> {/block:HasTags}
 {block:RebloggedFrom}
 reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
 originally posted by <a href="{ReblogRootURL}">{ReblogRootName}</a> {/block:RebloggedFrom}
 </center></span></center>

 {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}<center>{block:ContentSource}
 <br><a href="{SourceURL}">
 {lang:Source}:
 {block:SourceLogo}{PlayCountWithLabel}
 <img src="{BlackLogoURL}" width="{LogoWidth}"
 height="{LogoHeight}" alt="{SourceTitle}" />
 {/block:SourceLogo}
 {block:NoSourceLogo}
 {SourceLink}
 {/block:NoSourceLogo}
 </a>
 {/block:ContentSource}</center>

 <br>

 <div align="right">

 <a href="/page/2" class="navlink" style="" title="browse" class="page_link"> view previous entries </a>

 </div>
 </div>

 <br>

 </body>
 </html>

 <script language=JavaScript>
 <!--

 //Disable right click script III- By Renigade (renigade@mediaone.net)
 //For full source code, visit http://www.dynamicdrive.com

 var message="";
 ///////////////////////////////////
 function clickIE() {if (document.all) {(message);return false;}}
 function clickNS(e) {if
 (document.layers||(document.getElementById&&!document.all)) {
 if (e.which==2||e.which==3) {(message);return false;}}}
 if (document.layers)
 {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
 else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}

 document.oncontextmenu=new Function("return false")
 // -->
 </script>
Sammy90
principiante
principiante
 
Messaggi: 1
Iscritto il: 25 giugno 2012, 15:12
Indirizzo blog: dannatamentepersa.iobloggo.com

Re: Creazione template html

Messaggioda Alexiel » 25 giugno 2012, 17:22

1) Per inserire codici nel forum bisogna usare il tasto "Code"
2) Per conoscere il funzionamento dei template di IoBloggo leggi qui: http://guida.iobloggo.com/tag.php
3) Puoi provare ad importare questo template andando in admin > template > importa e copiando il codice HTML. Dovrai comunque inserire i tag che ti servono, perché non ce n'è nessuno e non li metterà da solo: l'importazione è pensata per la conversione di template di Splinder, quindi non sono sicura che funzioni
4) Se proprio non va e se non sai nulla di HTML non resta che impararlo, o aspettare che qualcuno di buona volontà passi di qua :D
:D Buon lavoro!
Cercare prima di postare
Prima di postare una richiesta d'aiuto, usate la ricerca! Qualcuno prima di voi potrebbe aver già avuto lo stesso problema!
(cit. regolamento: http://forum.iobloggo.com/viewtopic.php?f=1&t=4)

Immagine Immagine
Avatar utente
Alexiel
Moderatore
Moderatore
 
Messaggi: 1777
Iscritto il: 3 agosto 2004, 16:32
Località: Napoli
Indirizzo blog: http://alexiel.iobloggo.com/

Re: Creazione template html

Messaggioda arunka » 25 giugno 2012, 18:38

Il codice del template te l'ho messo tra i code, ma quasi sicuramente non è funzionante perchè il forum "capisce" l'html e se incolli un codice senza metterlo comn il tasto code, questo si "mangia" parte del codice stesso.

Per curiosità, dove hai presto quel codice? per quale piattaforma è stato pensato?
Essere cortesi
Per mia netiquette personale, non fornisco assistenza a chi si rivolge sgarbatamente.
Per ulteriori informazioni leggi qui!

Cercare prima di postare
Prima di postare una richiesta d'aiuto, usate la ricerca! Qualcuno prima di voi potrebbe aver già avuto lo stesso problema!

Presentarsi
Per colpa del molto spam che riceviamo, periodicamente eliminiamo gli utenti registrati senza messaggi. Per evitare che, erroneamente, un account venga cancellato, ti consigliamo di presentarti nella apposita sezione: Presentiamoci!
Avatar utente
arunka
Moderatore
Moderatore
 
Messaggi: 1403
Iscritto il: 7 agosto 2006, 0:15
Indirizzo blog: www.iobloggo.com


Torna a [Problemi tecnici] Template

Chi c’è in linea

Visitano il forum: Nessuno e 2 ospiti

cron