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

    Due colonne invece di tre?

    HTLM di un tema di TUMBLR
    -->
    codice:
      
        <html>
        <head>
        
        <meta name="color:background" content="#F5EFD7" />
        <meta name="color:sbar" content="#F5EFD7" />
        <meta name="color:entry" content="#F5EFD7" />
        <meta name="color:info" content="#E9D3B7" />
         
        <meta name="color:title" content="#E2D2BB" />
        <meta name="color:text" content="#B8A699" />
        <meta name="color:ask text" content="#B8A699" />
        <meta name="color:link" content="#D49982" />
        <meta name="color:ask bg" content="#F8EFC8" />
        <meta name="color:lhover" content="#DDAF8C" />
        <meta name="color:lhover bg" content="#F8EFC8" />
        <meta name="color:slink" content="#F5EFD7" />
        <meta name="color:slink hover background" content="#F8EFC8" />
        <meta name="color:solid" content="#E9D3B7" />
        <meta name="color:border" content="#E9D3B7" />
        <meta name="font:title" content="helvetica" />
        <meta name="font:body" content="trebuchet ms" />
        <meta name="font:info" content="helvetica" />
         
        <meta name="image:sidebar" content=""/>
        <meta name="image:background" content="" />
         
        <meta name="text:Link1" content="" />
        <meta name="text:Link1 Title" content="" />
        <meta name="text:Link2" content="" />
        <meta name="text:Link2 Title" content="" />
        <meta name="text:Link3" content="" />
        <meta name="text:Link3 Title" content="" />
        <meta name="text:Link4" content="" />
        <meta name="text:Link4 Title" content="" />
        <meta name="text:Link5" content="" />
        <meta name="text:Link5 Title" content="" />
        <meta name="text:Link6" content="" />
        <meta name="text:Link6 Title" content="" />
         
         
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>{Title}{block:SearchPage}, Search results for: {SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
        {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
        <link rel="shortcut icon" href="{Favicon}" />
        <link rel="alternate" type="application/rss+xml" href="{RSS}" />
        <style type="text/css">
         
        body {
        color:{color:text};
        background-color:{color:background};
        background-image: url('{image:background}');
        background-position:left;
        background-attachment:fixed;
        background-repeat:no-repeat;
        font-size:10px;
        font-family:{font:body};
        line-height:110%;
        text-align:justify}
         
        a:link, a:active, a:visited{color: {color:link}; text-decoration:none}
         
        a:hover{color:{color:lhover};background-color:{color:lhover bg}; -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s;}
         
        #entries {margin-left:380px; margin-top:10px; width:505px}
         
        #posts{background-color:{color:entry}; margin-bottom:10px; padding:3px;}
         
        #title {width:240px; margin-left:120px; margin-top:80px; position:fixed; overflow:hidden; font-size:13px; line-height:12px; text-align:center; letter-spacing: 2px; color:{color:title}; font-family: georgia; text-transform: lowercase;font-style: italic;border-bottom: 3px {color:border} solid; line-height:110%}
         
        #icon {border-color:{color:solid}; border: 9px solid; margin-top:111px; margin-left:250px; position:fixed; color:{color:solid};}
         
        #sidebarimg img {max-width:250px; margin-left:0px; margin-top:0px; height: auto; text-align:center;}
         
        #sbar {width: 250px; height:auto; float: left; margin-left:900px; margin-top:20px; padding: 2px; background-color: {color:sbar}; position: fixed}
         
        #sbarlinks a {display:inline-table; font:10px georgia; color:{color:link}; font-style:italic; text-align:center; padding:0px;}
         
        #sbarlinks a:hover {color:{color:lhover};background-color:{color:lhover bg}; -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s;}
         
        #pagination {font-family:georgia; text-align:center; font-size:11px; width:250px;}
         
        h1{ color:{color:title}; font-family:{font:title}; font-size:13px; line-height:17px; letter-spacing:0px; font-weight:normal; margin:0px; padding:0px; text-align:left; font-style: italic}
         
        h2{ color:{color:title}; font-family:{font:title}; font-size:13px; line-height:14px; letter-spacing:0px; font-weight:normal; margin:0px; padding:0px; margin-bottom:-0px; font-style: italic; text-align:left; font-style: italic}
         
        #nav {position: fixed;top: 130px;left:143px;}
        #nav a {width:110px; height:8px; font-family: georgia;font-size: 10px;display:block;text-align: center; background-color: {color:slink};color: {color:text};margin-bottom: 3px;padding: 3px;letter-spacing: 1px;text-transform: lowercase;-webkit-transition: opacity 0.8s linear;opacity: 1;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
        #nav a:hover {color: {color:link};background-color:{color:slink hover background}; letter-spacing: 2px; -webkit-transition: opacity 0.7s linear;opacity: 0.7s;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;border-bottom:1px {color:text} dotted}
         
        #info {background-color:{color:info}; margin:2px 0px 2px 0px; font-family:{font:info}; font-size:10px; text-transform: lowercase; color:{color:text}; letter-spacing:1px; text-align:center; padding:2px; border-bottom:1px {color:text} dotted}
         
        #tags {font-style: italic;}
         
        #questions {background-color:{color:ask bg}; color: {color:ask text}; padding:10px; font-family:font-family:{font:body}; font-size:10px;}
        #questions a {color:ask bg;}
         
        #questions img{border-color:{color:border} border: 3px solid; float: left; padding: 2px; margin: 0px 2px 5px 0px;}
         
        blockquote {border-left:2px {color:body} solid; padding-left:5px; margin:0px 2px 0px 10px}
        blockquote img, blockquote a img {max-width: 490px}
         
        b, strong{color:{color:title};}
        i, em {color:{color:text};}
        p{margin-top:3px; margin-bottom:3px}
         
        img a{border:none}
        .audio{background-color:black; display:block;}
         
        .user_1 .label {color:{color:title}; font-weight:bold}
        .user_2 .label {color:{color:text}; font-weight:bold}
        ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px;}
         
        .notes img{width:10px; position:relative; top:1px;}
        ol.notes, .notes li{list-stylhttp://www.tumblr.com/customize-classic#e:none; margin:0px; padding:0px;}
        iframe input, iframe submit, iframe textarea, iframe div, iframe table {background-color:transparent!important;}
         
        </style>
        <style type="text/css">{CustomCSS}</style>
        </head>
         
        <body>
         
        <div id="sbar">
        <div id="sidebarimg">
        [img]{image:sidebar}[/img]</div>
        
    
        <div id="sbarlinks"align="center">
        {block:ifLink1}{text:Link1 Title} ·{/block:ifLink1}
        {block:ifLink2}{text:Link2 Title} ·{/block:ifLink2}
        {block:ifLink3}{text:Link3 Title} ·{/block:ifLink3}
        {block:ifLink4}{text:Link4 Title} ·{/block:ifLink4}
        {block:ifLink5}{text:Link5 Title} ·{/block:ifLink5}
        {block:ifLink6}{text:Link6 Title}{/block:ifLink6}</div>
        {block:Description}{Description}{/block:Description}
    
        <div id="pagination">{block:PreviousPage}« previous {/block:PreviousPage}{block:NextPage}next »{/block:NextPage}
        </div>
        </div>
        <div id="title">{Title}</div>
    
        <div id="nav">
        refresh
        ask box
        archive
        theme ©</div>
        <div id="icon">
        [img]{PortraitURL-48}[/img]</div>
         
        
    
         
        <div id="entries">
        {block:Posts}
        <div id="posts">
        {block:Quote}
        <h2>"{Quote}" - {Source}</h2>{/block:Quote}
        {block:Title}
        <h1>{Title}</h1>{/block:Title}
        {block:Text}
        {Body}{/block:Text}
         
        {block:Link}
        <h1>{Name}</h1>
        {block:Description}
    
    {Description}</p>{/block:Description}{/block:Link}
         
        {block:Photo}
        <center>{LinkOpenTag}[img]{PhotoURL-500}[/img]{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
        {block:Photoset}
        <div class="post photoset">
        {Photoset-500}
        {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
        </div>{/block:Photoset}
         
        {block:Chat}
        <ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}{/block:Lines}[/list]{/block:Chat}
         
        {block:Video}
        {Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
         
        {block:Answer}
        <div id="questions">[img]{AskerPortraitURL-24}[/img]<u> {Asker} said: </u>
    {Question}</div>
        <div id="answer">{Answer}</div>{/block:Answer}
         
        {block:Audio}
        <span class="audio"><center>{AudioPlayerBlack}</center></span>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
    
         
         
        <div id="info">
        {block:Date}posted {TimeAgo}{/block:Date} with {block:NoteCount} {NoteCountWithLabel}{block:RebloggedFrom}
     via <a href="{ReblogParentURL}">{ReblogParentName}{/block:RebloggedFrom}
        {block:ContentSource} (originally {SourceLink})
        {/block:ContentSource} · <div id="tags">{block:HasTags}{block:Tags} #{Tag}{/block:Tags}{/block:HasTags}</div></div>
         
        {block:PostNotes}{PostNotes}{/block:PostNotes}
        </div>
         
        </body>
        </html>
    Come si modifica da tre colonne a due? se volessi mettere quello della 3° colonna sotto la prima?
    Mi son spiegata malissimo.. non me ne intendo proprio.. aiutatemi vi prego!

  2. #2
    Utente di HTML.it
    Registrato dal
    Jun 2010
    Messaggi
    249
    se invece di farmi leggere tutto quel codice non formattato mi dici anche in mp dove posso vedere la pagina online ti faccio la modifica... facciamo prima

  3. #3
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    20,802
    ciao J e benvenuto.

    questa volta ho corretto io...
    le prossime ricorda di usare il tag CODE per postare codice


  4. #4
    Grazie, mi son letta delle guide e mi son fatta un corso accelerato di HTML e son riuscita a cavarmela!
    Mi scuso per i codici, non lo sapevo, volevo postarli sotto spoiler ma non c'era il tasto
    Grazie comunque!!

  5. #5
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    20,802
    Originariamente inviato da JJJJJJJ
    volevo postarli sotto spoiler ma non c'era il tasto
    http://forum.html.it/forum/showthrea...9#post12942979

  6. #6
    Originariamente inviato da Vincent.Zeno
    http://forum.html.it/forum/showthrea...9#post12942979
    Ok, non l'ho letto
    *scappa a nascondersi in un angolino*

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.