Visualizzazione dei risultati da 1 a 3 su 3

Discussione: icona per un sito

  1. #1

    icona per un sito

    salve a tutti

    vi scrivo perchè vorrei un idea e possibilmente un indirizzo su coe crealra

    in pratica avrei previsto per il sito in questione uno script fatto da un mondo con una scritta che ruota intorno
    si il più classico dei classici forse

    comunque vorrei creare anche un'icona fissa ma appunto non ho idee :master: spero che voi del mestiere possiate darmi una mano gentilmente

  2. #2
    oltre all'icona sono molto indeciso sui colori da poter assegnare alla pagina web ho visto che in altri post avete dato svariati consigli adeguati ai vari casi

    e mi chiedevo se potevate darmi anche qualche consiglio su questo punto

    in particolare il mio layout è formato da tre colonne un header e un footer

    larghezza lla pagina è di 840px

    vi psoto il codice così magari se avete tempo ci date un'occhiatina

    <!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" lang="en" xml:lang="en">
    <head>
    <meta nome="parole chiavi" content="text/html; charset=iso-8859-1" />
    <title> TITOLO </title>

    <style type="text/css">

    body{
    margin:0;
    padding:0;
    line-height: 1.5em;
    background:#FFF url('sfondo.jpg') repeat-x; /*inserito sfondo lo sgondo è una striscia blu che da a sfumare purtroppo oltre a non arrivare automaticamente all footer si nota anche la differenza tra il colore sfumato chiaro e il bianco della pagina spero che voi abbiate qualche soluzione migliore delle mie */
    }

    b{font-size: 110%;}
    em{color: red;}

    h2{color: red;}

    #maincontainer{
    width: 840px; /*Width of main container*/ /*allungare il conteiner centrale unità iniziale 840*/
    margin: 0 auto; /*Center container on page*/
    }

    #topsection{
    background: #EAEAEA;
    height: 90px; /*Height of top section header*/
    }

    #topsection h1{
    margin: 0;
    padding-top: 15px;
    }

    #contentwrapper{
    float: left;
    width: 100%;
    }

    #contentcolumn{
    margin: 0 130px 0 180px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/ /*corpo centrale dimensioni*/ /*colonna centrale*/
    }

    #leftcolumn{
    float: left;
    width: 180px; /*Width of left column in pixel*/
    margin-left: -840px; /*Set margin to that of -(MainContainerWidth)*/
    background: #C8FC98;/*colore della colonna di sinistra*/
    }

    #rightcolumn{
    float: left;
    width: 130px; /*Width of right column*/
    margin-left: -130px; /*Set left margin to -(RightColumnWidth)*/
    background: #FDE95E;
    }

    #footer{
    clear: left;
    width: 100%;
    background: black;
    color: #FFF;
    text-align: center;
    padding: 4px 0;
    }

    #footer a{
    color: #FFFF80;
    }

    .innertube{
    margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/ /*margini interni di ogni colonna*/
    margin-top: 0;
    }

    /*logo con link ad home page*/ /*banner*/

    .toggleborder:hover img{
    border: 1px solid navy;
    position: relative;
    }

    .toggleborder:hover{
    color: red; /* Dummy definition to overcome IE bug */
    }



    .classetuttamia:hover img{
    border: 1px solid navy;
    }

    .classetuttamia:hover{
    color: red; /* Dummy definition to overcome IE bug */
    }


    .classetuttamia{
    float: right;
    position: relative;
    top: 30px; right: 0;
    background:#039;
    }



    .secondaclassetuttamia:hover img{
    border: 1px solid navy;
    }

    .secondaclassetuttamia:hover{
    color: red; /* Dummy definition to overcome IE bug */
    }


    .secondaclassetuttamia{
    float: right;
    position: relative;
    top: 0; left: -5px;
    background:#039;
    }






    div.ex /*riquadro centrale*/
    {

    padding:10px;
    border-top-width: 0;
    border-right-width: 2px;
    border-bottom-width: 0;
    border-left-width: 2px;
    border-top-style: solid ;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: grey;
    border-right-color: blue;
    border-bottom-color: grey;
    border-left-color: blue;
    margin:5px 4px 50px;
    position: relative;
    }





    .urbangreymenu{ /*inizio menu*/
    width: 180px; /*width of menu*/
    }

    .urbangreymenu .headerbar{
    font: bold 13px Verdana;
    color: white;
    background: #606060 url(media/arrowstop.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
    margin-bottom: 0; /*bottom spacing between header and rest of content*//*da lo spazio tra la barra nera e quelle grige del menu*/
    text-transform: uppercase;
    padding: 7px 0 7px 10px; /*31px is left indentation of header text*/
    }

    .urbangreymenu ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
    }

    .urbangreymenu ul li{
    padding-bottom: 2px; /*bottom spacing between menu items*/ /*spazio tra i bottoni del menu*/
    }

    .urbangreymenu ul li a{
    font: normal 12px Arial;
    color: black;
    background: #E9E9E9;/*colore bottoni menu*/
    display: block;
    padding: 5px 0;
    line-height: 17px;
    padding-left: 8px; /*link text is indented 8px*/
    text-decoration: none;
    }

    .urbangreymenu ul li a:visited{
    color: black;
    }

    .urbangreymenu ul li a:hover{ /*hover state CSS*/
    color: white;
    background: black;
    }





    </style>


    </head>


    <body>


    <div id="maincontainer">
    <div id="topsection"><div class="innertube">


    <a class="toggleborder" href="sito a cui punta.htm">
    [img]iconapersito.2.gif[/img]
    </a>



    <a class="classetuttamia" href="sito a cui punta.htm">
    [img]banner468x60px.gif[/img]
    </a>


    </div>
    </div>


    <div id="contentwrapper">
    <div id="contentcolumn">
    <div class="innertube"> </div>


    <div class="ex">
    <h2><center>Il vostro dominio su Altervista</center></h2>


    Molti sono i siti che offrono la possibilità di ottenere dello spazio sul web e tra i tanti prenderò in considerazione Altervista e cercherò di spiegarvelo nel modo più breve e chiaro possibile come ottenerlo.</p>


    Dovete innanzitutto sapere che esistono tre tipi di livello del dominio:
    <dd>-I domini di primo livello indicati anche con il suffisso TLD corrispondono all'estensione finale degli indirizzi come ad esempio .IT .COM .NET .ORG ecc... Tali domini non possono essere creati da chiunque; esiste infatti un ente internazionale, l'ICANN preposto allomologazione di nuovi TLD.</dd>
    <dd>-</dd>
    <dd>-</dd>


    </p>
    <dd>-</dd>
    <dd>-</dd>


    </p>
    <dd>-</dd>
    <dd>-</dd>
    <dd>-</dd>
    <dd>-</dd>


    </p>
    <dd>-</dd>
    <dd>-</dd>
    <dd>-</dd>
    <dd>-</dd>
    <dd>-</dd>

    </p>




    </div>


    </div>
    </div>





    <div id="leftcolumn">
    <div class="innertube"></div>

    <div class="urbangreymenu">


    <h3 class="headerbar">NOME GRUPPO 1</h3>
    <ul>[*]CONTENUTO 1[*]CONTENUTO 2[*]CONTENUTO 3[*]CONTENUTO 4[*]CONTENUTO 5[*]CONTENUTO 6[/list]

    <h3 class="headerbar">NOME GRUPPO 2</h3>
    <ul>[*]CONTENUTO 7[*]CONTENUTO 8[*]CONTENUTO 9[*]CONTENUTO 10[*]CONTENUTO 11[*]CONTENUTO 12 [/list]

    </div>

    <div>
    <ul>
    <a class="toggleborder" href="sito a cui punta.htm">
    [img]banner125x125px.gif[/img]
    </a>[/list]


    </div>

    </div>



    <div id="rightcolumn">
    <div class="innertube"></div>

    <ul>
    <a class="secondaclassetuttamia" href="sito a cui punta.htm">
    [img]banner120x600px.gif[/img]
    </a>[/list]



    </div>


    <div id="footer">punto al sito</div>

    </body>
    </html>

  3. #3
    Utente di HTML.it L'avatar di cyberman
    Registrato dal
    Mar 2002
    Messaggi
    7,543
    icone, script layout... non c'ho capito nulla
    per le richieste riguardanti il layout rivolgiti sui forum lato client non su grafica.

    per i consgli grafici sul layout posta nell'apposito sub-forum ma fallo in maniera che riusciamo a capirci qualcosa. Inutile postare codice qui, posta bozze grafiche piuttosto.

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.