CSS Hover Table

« Older   Newer »
 
  Share  
.
  1.      
     
    .
    Avatar

    Advanced Member

    Group
    Member
    Posts
    5,848
    Activity Level
    0
    Location
    Usa

    Status
    Offline
    CITAZIONE (SliferDragoDeiCieli @ 11/12/2012, 18:15) 
    PROBLEMONE . ho inserito il css nel mio forum ma viene decentrato perchè? aiutooo
    http://yu-gi-ohduelsonline.forumfree.it/

    non so perchè ma in amministrazione non ho il comando TOGLI CORNICE. forse è quello l problema? aiuto please

    ..
    ps. ho risolto cambiando skin... cavolo

    Edited by SliferDragoDeiCieli - 11/12/2012, 23:39
     
    Top
    .
  2. JackGaunt
        +1    
     
    .

    User deleted


    CITAZIONE (SliferDragoDeiCieli @ 11/12/2012, 22:58) 
    non so perchè ma in amministrazione non ho il comando TOGLI CORNICE. forse è quello l problema? aiuto please

    sei sicuro che in precedenza avevi una skin del nuovo layout?


    puoi perfezionare se fai :
    CODICE
    .supermenucontents {
       position: absolute;
       z-index: 5;
       overflow: hidden;
       transition: all 0.5s ease-in-out 0s;
       opacity: 0;
       top: 0px;
       right: 100%;
       width: 850px;
       height: 270px;
       text-align: center;
       background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.7);
       font-size: 40px;
       color: rgba(255, 255, 255, 0.75);
       line-height: 100%;
       padding: 20px 0px;
    }

    .supermenuoptions {
       position: absolute;
       right: 63px;
       height: 310px;
       top: 23px;
       background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.3);
       text-align: right;
       transition: all 0.5s ease-in-out 0s;
    }
     
    Top
    .
  3. *Enigma*
         
     
    .

    User deleted


    Ciao,ho un grandissimo problema X(
    Se vado sul logo,passando il mouse verso la parte bassa del logo,si apre la casella della bandierina senza essere passati sopra la bandierina...non so se mi sono spiegato!
    Grazie JackGaunt per l'aiuto..in anticipo
     
    Top
    .
  4.     +1    
     
    .
    Avatar

    Senior Member

    Group
    Lettore
    Posts
    10,077
    Activity Level
    0
    Location
    Fano

    Status
    Offline
    @*Enigma*: Linka il forum dove accade questo :)
     
    Top
    .
  5. *Enigma*
         
     
    .

    User deleted


    CITAZIONE (A s k @ 16/12/2012, 12:54) 
    @*Enigma*: Linka il forum dove accade questo :)

    Che stupido,ero convinto di avere messo il link...XD
    http://unpoditutto.forumfree.it
     
    Top
    .
  6. JackGaunt
         
     
    .

    User deleted


    prova con
    CODICE
    .supertitle {
       line-height: 200px;
       width: 89%;
       opacity: 0.5;
       height: 300px;
       position: absolute;
       z-index: 8;
       font-size: 40pt;
       margin-left: -400px;
       left: 50%;
       margin-top: 100px;
    }
     
    Top
    .
  7. *Enigma*
        +1    
     
    .

    User deleted


    3 PAROLE: sei un mito
     
    Top
    .
  8. *Enigma*
         
     
    .

    User deleted


    CITAZIONE (JackGaunt @ 17/12/2012, 20:53) 
    prova con
    CODICE
    .supertitle {
       line-height: 200px;
       width: 89%;
       opacity: 0.5;
       height: 300px;
       position: absolute;
       z-index: 8;
       font-size: 40pt;
       margin-left: -400px;
       left: 50%;
       margin-top: 100px;
    }

    scusa,nuovo problema...ho cambiato skin al forum e ho di nuovo il problema,anche con il codice che mi hai fornito...
     
    Top
    .
  9. JackGaunt
         
     
    .

    User deleted


    CODICE
    .supertitle {
       line-height: 200px;
       width: 90%;
       height: 300px;
       position: absolute;
       z-index: 8;
       font-size: 40pt;
       left: 50%;
       margin-left: -470px;
       margin-top: 24px;
    }


    modifica

    HTML
    <p><a href="http://www.net-parade.it/#votazione;utente=unpoditutto" title="siti web"><img src="http://tools.net-parade.it/images/novita_verde_f.gif" alt="" style="border-color: black" height="40" width="580"></a></p>


    con

    HTML
    <p style="z-index: 9;"><a href="http://www.net-parade.it/#votazione;utente=unpoditutto" title="siti web"><img src="http://tools.net-parade.it/images/novita_verde_f.gif" alt="" style="border-color: black" height="40" width="580"></a></p>


    e poi modifica

    HTML
    <form action="http://unpoditutto.forumfree.it/" method="post">
    <input name="st" value="0" type="hidden">
    <input name="act" value="Post" type="hidden">
    <input name="f" value="10861142" type="hidden">
    <input name="CODE" value="03" type="hidden">
    <input name="t" value="63753256" type="hidden">
    <input name="Post" value="+1" type="hidden">
    <input name="submit" value="Invia un +1 (Automatico)" class="forminput" type="submit">
    </form>


    con

    HTML
    <form style="z-index: 9;" action="http://unpoditutto.forumfree.it/" method="post">
    <input name="st" value="0" type="hidden">
    <input name="act" value="Post" type="hidden">
    <input name="f" value="10861142" type="hidden">
    <input name="CODE" value="03" type="hidden">
    <input name="t" value="63753256" type="hidden">
    <input name="Post" value="+1" type="hidden">
    <input name="submit" value="Invia un +1 (Automatico)" class="forminput" type="submit">
    </form>
     
    Top
    .
  10. THE_DARK_KING
         
     
    .

    User deleted


    Complimenti! Utilissimo
     
    Top
    .
  11. Lillton™
         
     
    .

    User deleted


    codice molto interessante..
    ma è possibile applicare il codice come una semplice tabella no usabile x il logo?
     
    Top
    .
  12. ~Bizzy D~
         
     
    .

    User deleted


    Grandioso!
     
    Top
    .
  13.      
     
    .
    Avatar

    Advanced Member

    Group
    Member
    Posts
    1,252
    Activity Level
    0
    Location
    Rovigo

    Status
    Offline
    CITAZIONE (Lillton™ @ 17/1/2013, 16:31) 
    codice molto interessante..
    ma è possibile applicare il codice come una semplice tabella no usabile x il logo?

    Interesserebbe anche a me poterlo usare come "Bacheca" ma sotto al logo ^^
     
    Top
    .
  14. JackGaunt
         
     
    .

    User deleted


    certo che si può utilizzare, basta inserire un'immagine/contenuto dalle dimensioni 900*320px prima di tutto il codice da inserire in testa al forum.
     
    Top
    .
  15.      
     
    .
    Avatar

    Advanced Member

    Group
    Member
    Posts
    1,252
    Activity Level
    0
    Location
    Rovigo

    Status
    Offline
    Ho inserito
    CODICE
    <div id="bacheca"><img width="900px" height="320px" alt="My Fantasy Ebook" src="http://uppix.com/f-Senza_titolo_151045d2c0011f51c.jpg"></div>

    Il problema è che la tabella risulta spostata verso il basso invadendo il blocco delle sezioni, come risolto? (: Ahn penso anche che la risoluzione dell'immagine sia leggermente più piccola di 900x320 poichè io l'ho impostato cosi e risulta leggermente più grande.

    Forum di prova: http://mfeskintest2.forumcommunity.net/

    P.s. per togliere una delle voci mi basta eliminare il corrispondente <div>?
     
    Top
    .
150 replies since 26/10/2012, 18:58   13175 views
  Share  
.
Top