CSS Hover Table

« Older Newer »

xSteph

Posted on 28/1/2013, 23:07

Advanced Member

Group: Member

Posts: 1,252

Activity Level: 0

Location: Rovigo

Status: Offline

Up risolto m avrei un nuovo problema.

Nella voce ultime discussioni ho inserito il due frame, ma non vi è sufficiente spazio. Come posso diminuire la grandezza delle scritte Ultime Discussioni, Staff ecc ecc per ogni voce? Vorrei anche diminuire quello che presumo sia il padding dal bordo superiore delle parole Recenti e Ebook Recenti. Grazie ^^

JackGaunt

Posted on 31/1/2013, 21:20

User deleted

piuttosto che inserire solo "Ultime Discussioni" prova a mettere

HTML

<span style="font-size:20pt">Ultime Discussioni</span>

ovviamente il 20pt puoi modificartelo a piacimento.

crazyfabio

Posted on 14/2/2013, 08:17

User deleted

Da me si vede tutto sfasato la tabella è sulla tagboard, come posso risolvere?
Mio Forum

Fahrenheit Master

Posted on 19/2/2013, 15:29

Advanced Member

Group: Member

Posts: 1,071

Activity Level: 0

Status: Offline

Ciao, ho montato la tabella sul mio forum di prova click. Farò un'immagine delle dimensioni corrette, ma mi stavo chiedendo se fosse possibile ridurla di dimensioni, e togliere alcune delle icone. In altre parole, a me non servono 13 "submenu", ma soltanto 6 o 7. Si possono togliere le altre icone a destra? Grazie della disponibilità!

*°Layla°*

Posted on 21/2/2013, 15:23

User deleted

Funziona solo con il nuovo layout? =(

Bàstard

Posted on 21/2/2013, 15:54

.

User deleted

Si

.

*°Layla°*

Posted on 21/2/2013, 16:28

User deleted

Peccato >_<

*Ainsel

Posted on 25/2/2013, 13:55

User deleted

Utilizzata in questo forum: http://passionforwriting.blogfree.net/

*°Layla°*

Posted on 25/2/2013, 21:34

User deleted

Una domanda...come modifico le dimensioni della tabella per fare in modo che sia delle stesse dimensioni del logo? >.<

Connie

Posted on 26/2/2013, 08:09

Senior Member

Group: Member

Posts: 40,551

Activity Level: 0

Location: Trinacria

Status: Anonymous

Complimenti Jack è fantastico *D

Ginger©

Posted on 27/2/2013, 10:50

User deleted

Ciaoo!!! Scusate come posso fare a rendere TRASPERENTE il riquadro + grande?! Di solito mi arrangio, ma stavolta non riesco a capire...
Come da impostazione i riquadri sono neri con un pò di opacità, ma vorrei poter giocare con colori diversi e non so quale porzione cambiare...
Inoltre, vorrei, se possibile ridimensionarla.. Perchè, avendo una Sidebar sulla sinistra, mi compromette il tutto..! Grazie mille e complimenti, stupendo Codice...!

® MasterAntonio™

Posted on 28/2/2013, 13:59

User deleted

Questo menu non è FIXATO per tutte le risoluzioni.
Ed io non lo riesco a FIXARE,anche se ho cambiato le posizioni in % invece di PX.
Guardate qua http://bestitalianghost.forumfree.it/

Passando ad una risoluzione più bassa certamente non si adatta.

Io ho la risoluzione 1920x1080 e lo vedo bene
FOTO : http://img5.imageshack.us/img5/3108/immagine4sc.png

Risoluzione 1024 x 768
FOTO: http://imageshack.us/photo/my-images/842/immagine5e.png/

E via dicendo.

Qualcuno mi può aiutare?

CSS

HTML

/* CSS HOVER TABLE - http://ffmagazine.forumfree.it/?t=63687499 */
.supertitle {line-height: 340px; width: 89%; opacity: 0.5; height: 340px; position: absolute; z-index: 8; font-size: 40pt; margin-left: -460px; left: 50%}

.rotationbutton {display:inline; -moz-transform: rotate(90deg); text-transform:uppercase; font-size: 6pt}

.supermenuwrapper {position top: 10px; width: 100%}
.supermenuwrapper a {color: #AAA}
.supermenuwrapper a:hover {color: #FFF; border:none}
.supermenuoptions {position: absolute; right: 25%; height: 300px; top: 44px; background: rgba(0, 0, 0, 0.3); text-align: right; -moz-transition: all .5s ease-in-out 0s; -o-transition: all .5s ease-in-out 0s; -ms-transition: all .5s ease-in-out 0s; transition: all .5s ease-in-out 0s; -webkit-transition: all .5s ease-in-out 0s}

.supermenuoptions:hover {opacity: 1; background: rgba(0, 0, 0, 0.7)}

.supermenuoptions img {height: 19px; padding: 2px 0}

.supermenuoptions .picker:hover {background: rgba(0, 0, 0, 0.5)}
.supermenuoptions .picker {padding: 0 10px 0 10px}
.supermenuoptions .picker:hover img {-moz-transform:scale(1.2); -o-transform:scale(1.5); -ms-transform:scale(1.5); transform:scale(1.5); -webkit-transform:scale(1.5)}
.supermenuoptions .picker:hover div img {-moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transform:scale(1)}

.supermenucontents {position: absolute; z-index: 5; overflow: hidden; -moz-transition: all .5s ease-in-out 0s; -o-transition: all .5s ease-in-out 0s; -ms-transition: all .5s ease-in-out 0s; transition: all .5s ease-in-out 0s; -webkit-transition: all .5s ease-in-out 0s; opacity: 0; top: 0; right: 100%; width: 2072%; height: 86.5%; 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 0 20px 0}

.textcontainer {padding: 10px; width: 80% !important; height: 200px !important; margin:auto; background:rgba(0, 0, 0, 0.7); box-shadow: 0 0 10px #000 inset; border-radius: 5px; border: 1px solid #111; font-size: 10pt}
.staffcontainer a img {width: 100px}
.staffcontainer a {font-size: 14pt}
.supermenucontents img {height:auto; padding: 0}

.supermenuoptions > .picker:hover > .supermenucontents {opacity: 1; z-index: 9}

.hoverix {display: none; left: 70px; background: url(http://i.imgur.com/oIdrF.png) repeat scroll 0% 0% transparent; position: absolute; font-size: 9pt; width: 100px; height: 100px; line-height: 100%; margin-top: -115px; color: rgb(51, 51, 51); padding: 5px 0 20px 0}

.staffer:hover .hoverix {display:inline}
.tutotitle, .staffer {display: inline-table; line-height: 102%; height: 110px; font-size: 13pt; width: 100px; -moz-transform:scale(0.8); -webkit-transform:scale(0.8); -ms-transform:scale(0.8); -0-transform:scale(0.8); transform:scale(0.8); position:relative; z-index: 2; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out}
.tutotitle:hover, .staffer:hover {-moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); -webkit-transform:scale(1); transform:scale(1); z-index: 5}

.tutotitle {background:rgba(0, 0, 0, 0.5); border-radius: 3px}
/* FINE */

HTML FONDO PAGINE

HTML

<div class="supermenuwrapper"> <a href="/" class="supertitle"> </a><div class="supermenuoptions">

<div class="picker"><img src="http://i.imgur.com/sN6lO.png" alt=""> <div class="supermenucontents" >BENVENUTI! <div class="textcontainer" style=" text-align:justify; line-height:80%; padding:10px"> Il nostro forum nasce nel 2012 e continua con un bel :
<i>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nibh elit, hendrerit et volutpat quis, tempus eu enim. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec quis urna at risus viverra imperdiet. Pellentesque aliquam tellus ut lectus laoreet vehicula. Praesent ac placerat nulla. Integer vestibulum odio ac elit convallis id volutpat sapien convallis. Etiam vel ante rutrum mi imperdiet malesuada et eu mauris. Suspendisse sed lectus nibh. Praesent purus arcu, ultrices sed ultrices sed, blandit ac lectus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam nisi neque, euismod a iaculis sed, aliquam ut nibh. In tincidunt consequat placerat.

Praesent at fringilla nunc. In scelerisque erat sollicitudin nisi suscipit a bibendum mi lobortis. Proin lobortis, nisi in sollicitudin luctus, risus ipsum condimentum nibh, eget lobortis diam felis nec tortor. Nullam a ipsum et risus luctus mollis at eu lorem. Donec enim lacus, sagittis sed sagittis nec, fermentum sed neque. Nullam a mattis ante. Nulla leo sem, lacinia nec pretium at, tempus nec est. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Morbi hendrerit, nisl a egestas molestie, velit arcu accumsan urna, in luctus elit mi eget nulla. Aliquam libero massa, semper ac lacinia ac, hendrerit at ante. Sed blandit sollicitudin mollis. Donec urna neque, volutpat sed egestas sit amet, iaculis id justo. Integer vitae diam non leo tristique tempor.</i></div></div></div>

<div class="picker"><img src="http://i.imgur.com/qiLPd.png"><div class="supermenucontents">NEWS
<div class="textcontainer" style=" height: 200px; width: 700px; overflow: auto; font-size: 12pt; line-height: 100%; text-align: justify; color: rgba(255, 255, 255, 0.3);">29.09.12 - Il forum apre<br>
29.09.12 - Il forum apre<br>
29.09.12 - Il forum apre<br>
29.09.12 - Il forum apre<br>
29.09.12 - Il forum apre<br>
29.09.12 - Il forum apre<br>
29.09.12 - Il forum apre<br>
29.09.12 - Il forum apre<br>
29.09.12 - Il forum apre<br>
29.09.12 - Il forum apre<br>
29.09.12 - Il forum apre<br>
29.09.12 - Il forum apre<br>
29.09.12 - Il forum apre<br>
29.09.12 - Il forum apre<br>
29.09.12 - Il forum apre<br>
29.09.12 - Il forum apre<br>
29.09.12 - Il forum apre<br>
29.09.12 - Il forum apre<br>
29.09.12 - Il forum apre<br></div></div></div>

<div class="picker"><img src="http://i.imgur.com/geUSg.png"><div class="supermenucontents">ULTIME DISCUSSIONI
<table class="textcontainer"><tr>
<td><iframe name="last_posts" frameborder="0" scrolling="auto" style="height: $px;" src="http://www.ForumFree.net/rss.php?a=934343&type=html"></iframe></iframe></td>
</tr></table> </div></div>

<div class="picker"><img src="http://i.imgur.com/63PKd.png"><div class="supermenucontents">STAFF <div class="staffcontainer">

<div class="staffer"><a href=""><img src="http://i.imgur.com/bIIpb.png"><br>nick</a> <div class="hoverix">descrizione descrizione descrizione descrizione descrizione descrizione descrizione descrizione</div></div>

<div class="staffer"><a href=""><img src="http://i.imgur.com/bIIpb.png"><br>nick</a> <div class="hoverix">descrizione descrizione descrizione descrizione descrizione descrizione descrizione descrizione</div></div>

<div class="staffer"><a href=""><img src="http://i.imgur.com/bIIpb.png"><br>nick</a> <div class="hoverix">descrizione descrizione descrizione descrizione descrizione descrizione descrizione descrizione</div></div>

<div class="staffer"><a href=""><img src="http://i.imgur.com/bIIpb.png"><br>nick</a> <div class="hoverix">descrizione descrizione descrizione descrizione descrizione descrizione descrizione descrizione</div></div>

<div class="staffer"><a href=""><img src="http://i.imgur.com/bIIpb.png"><br>nick</a> <div class="hoverix">descrizione descrizione descrizione descrizione descrizione descrizione descrizione descrizione</div></div>

<br>

<div class="staffer"><a href=""><img src="http://i.imgur.com/bIIpb.png"><br>nick</a> <div class="hoverix">descrizione descrizione descrizione descrizione descrizione descrizione descrizione descrizione</div></div>

<div class="staffer"><a href=""><img src="http://i.imgur.com/bIIpb.png"><br>nick</a> <div class="hoverix">descrizione descrizione descrizione descrizione descrizione descrizione descrizione descrizione</div></div>

<div class="staffer"><a href=""><img src="http://i.imgur.com/bIIpb.png"><br>nick</a> <div class="hoverix">descrizione descrizione descrizione descrizione descrizione descrizione descrizione descrizione</div></div>

<div class="staffer"><a href=""><img src="http://i.imgur.com/bIIpb.png"><br>nick</a> <div class="hoverix">descrizione descrizione descrizione descrizione descrizione descrizione descrizione descrizione</div></div>

<div class="staffer"><a href=""><img src="http://i.imgur.com/bIIpb.png"><br>nick</a> <div class="hoverix">descrizione descrizione descrizione descrizione descrizione descrizione descrizione descrizione</div></div>
</div></div></div>

<div class="picker"><img src="http://i.imgur.com/2Xx7d.png"><div class="supermenucontents"><div style="font-family:georgia; line-height:7%; font-style:italic; font-size:22pt">Graphic</div>Tutorials <div align="center">
<div class="tutotitle"><a href=""><img src="http://i.imgur.com/MSCxC.png"><br> TITOLO1 </a></div>
<div class="tutotitle"><a href=""><img src="http://i.imgur.com/6Ilxy.png"><br> TITOLO2 </a></div>
<div class="tutotitle"><a href=""><img src="http://i.imgur.com/XwbQb.png"><br> TITOLO3 </a></div>
<div class="tutotitle"><a href=""><img src="http://i.imgur.com/MrUjz.png"><br> TITOLO4 </a></div>
<div class="tutotitle"><a href=""><img src="http://i.imgur.com/NlWGU.gif"><br> TITOLO5 </a></div>
<div class="tutotitle"><a href=""><img src="http://i.imgur.com/qty1w.png"><br> TITOLO6 </a></div>
<div class="tutotitle"><a href=""><img src="http://i.imgur.com/Uu1E1.png"><br> TITOLO7 </a></div>
<div class="tutotitle"><a href=""><img src="http://i.imgur.com/DOSoQ.png"><br> TITOLO8 </a></div>
<div class="tutotitle"><a href=""><img src="http://i.imgur.com/wjjXx.png"><br> TITOLO9 </a></div>
<div class="tutotitle"><a href=""><img src="http://i.imgur.com/vVgls.png"><br> TITOLO10 </a></div>
<div class="tutotitle"><a href=""><img src="http://i.imgur.com/iKZsY.png"><br> TITOLO11 </a></div>
<div class="tutotitle"><a href=""><img src="http://i.imgur.com/DnYh3.png"><br> TITOLO12 </a></div>
<div class="tutotitle"><a href=""><img src="http://i.imgur.com/1AWU1.png"><br> TITOLO13 </a></div>
<div class="tutotitle"><a href=""><img src="http://i.imgur.com/nph5w.png" style="height:100px"><br> TITOLO14 </a></div>
</div> </div></div>

<div class="picker"><img src="http://i.imgur.com/pyB3V.png"><div class="supermenucontents"><div style="font-family:georgia; line-height:7%; font-style:italic; font-size:22pt">Skinning</div>Tutorials <div align="center">
<div class="tutotitle"><a href=""><img src="http://image.forumfree.it/4/6/0/2/3/2/9/1348866136.jpg"><br> TITOLO1 </a></div>
<div class="tutotitle"><a href=""><img src="http://image.forumfree.it/4/6/0/2/3/2/9/1348866137.jpg"><br> TITOLO2 </a></div>
<div class="tutotitle"><a href=""><img src="http://image.forumfree.it/4/6/0/2/3/2/9/1348866138.jpg"><br> TITOLO3 </a></div>
<div class="tutotitle"><a href=""><img src="http://image.forumfree.it/4/6/0/2/3/2/9/1348866190.jpg"><br> TITOLO4 </a></div>
<div class="tutotitle"><a href=""><img src="http://image.forumfree.it/4/6/0/2/3/2/9/1348866191.jpg"><br> TITOLO5 </a></div>
<div class="tutotitle"><a href=""><img src="http://image.forumfree.it/4/6/0/2/3/2/9/1348866359.jpg"><br> TITOLO6 </a></div>
<div class="tutotitle"><a href=""><img src="http://i.imgur.com/KrnFH.jpg"><br> TITOLO7 </a></div>
<div class="tutotitle"><a href=""><img src="http://i.imgur.com/gVS1N.jpg"><br> TITOLO8 </a></div>
<div class="tutotitle"><a href=""><img src="http://i.imgur.com/Zmf0a.jpg"><br> TITOLO9 </a></div>
<div class="tutotitle"><a href=""><img src="http://i.imgur.com/E2uHm.jpg"><br> TITOLO10 </a></div>
<div class="tutotitle"><a href=""><img src="http://i.imgur.com/APChg.jpg"><br> TITOLO11 </a></div>
<div class="tutotitle"><a href=""><img src="http://i.imgur.com/Zz9vq.jpg"><br> TITOLO12 </a></div>
<div class="tutotitle"><a href=""><img src="http://i.imgur.com/WObUJ.jpg"><br> TITOLO13 </a></div>
<div class="tutotitle"><a href=""><img src="http://i.imgur.com/JflRK.jpg"><br> TITOLO14 </a></div>
</div> </div></div>

<div class="picker"><img src="http://i.imgur.com/DzTOT.png"><div class="supermenucontents"><div style="font-family:georgia; line-height:7%; font-style:italic; font-size:22pt">Coding</div>Tutorials <div align="center">
<div class="tutotitle"><a href=""><img src="http://i.imgur.com/EImyF.jpg"><br> TITOLO1 </a></div>
<div class="tutotitle"><a href=""><img src="http://i.imgur.com/vi64j.jpg"><br> TITOLO2 </a></div>
<div class="tutotitle"><a href=""><img src="http://i.imgur.com/Earc3.jpg"><br> TITOLO3 </a></div>
<div class="tutotitle"><a href=""><img src="http://i.imgur.com/M3Aqb.jpg"><br> TITOLO4 </a></div>
<div class="tutotitle"><a href=""><img src="http://i.imgur.com/M9owp.jpg"><br> TITOLO5 </a></div>
<div class="tutotitle"><a href=""><img src="http://i.imgur.com/TzNaq.jpg"><br> TITOLO6 </a></div>
<div class="tutotitle"><a href=""><img src="http://i.imgur.com/NOqtf.png"><br> TITOLO7 </a></div>
<div class="tutotitle"><a href=""><img src="http://i.imgur.com/OxcQp.png"><br> TITOLO8 </a></div>
<div class="tutotitle"><a href=""><img src="http://i.imgur.com/4XkQo.png"><br> TITOLO9 </a></div>
<div class="tutotitle"><a href=""><img src="http://i.imgur.com/rWpCm.png"><br> TITOLO10 </a></div>
<div class="tutotitle"><a href=""><img src="http://i.imgur.com/DZsJL.png"><br> TITOLO11 </a></div>
<div class="tutotitle"><a href=""><img src="http://i.imgur.com/oeaLJ.jpg"><br> TITOLO12 </a></div>
<div class="tutotitle"><a href=""><img src="http://i.imgur.com/Gfrhy.jpg"><br> TITOLO13 </a></div>
<div class="tutotitle"><a href=""><img src="http://i.imgur.com/IHsJS.jpg" style="height:100px"><br> TITOLO14 </a></div>
</div> </div> </div>

<div class="picker"><img src="http://i.imgur.com/OMgKj.png"><div class="supermenucontents"> SUPPORTO
<table class="textcontainer" style="font-size:12pt; width:90%"><tr>
<td><a href="">richiesta1</a><br><a href="">richiesta2</a><br><a href="">richiesta3</a><br></td>
<td><a href="">richiesta4</a><br><a href="">richiesta5</a><br><a href="">richiesta6</a><br></td>
</tr></table></div></div>

<div class="picker"><img src="http://i.imgur.com/YIPL7.png"><div class="supermenucontents">I NOSTRI FILES<br>
<div class="tutotitle"><img src="http://i.imgur.com/EzKnj.png" width="80px"><br><a href="">nome1.txt</a></div>
<div class="tutotitle"><img src="http://i.imgur.com/EzKnj.png" width="80px"><br><a href="">nome2.txt</a></div>
<div class="tutotitle"><img src="http://i.imgur.com/EzKnj.png" width="80px"><br><a href="">nome3.txt</a></div>
<div class="tutotitle"><img src="http://i.imgur.com/EzKnj.png" width="80px"><br><a href="">nome4.txt</a></div>
<div class="tutotitle"><img src="http://i.imgur.com/EzKnj.png" width="80px"><br><a href="">nome5.txt</a></div>
<div class="tutotitle"><img src="http://i.imgur.com/EzKnj.png" width="80px"><br><a href="">nome6.txt</a></div>
<div class="tutotitle"><img src="http://i.imgur.com/EzKnj.png" width="80px"><br><a href="">nome7.txt</a></div>
<div class="tutotitle"><img src="http://i.imgur.com/EzKnj.png" width="80px"><br><a href="">nome8.txt</a></div>
<div class="tutotitle"><img src="http://i.imgur.com/EzKnj.png" width="80px"><br><a href="">nome9.txt</a></div>
<div class="tutotitle"><img src="http://i.imgur.com/EzKnj.png" width="80px"><br><a href="">nome10.txt</a></div>
<div class="tutotitle"><img src="http://i.imgur.com/EzKnj.png" width="80px"><br><a href="">nome11.txt</a></div>
<div class="tutotitle"><img src="http://i.imgur.com/EzKnj.png" width="80px"><br><a href="">nome12.txt</a></div>
<div class="tutotitle"><img src="http://i.imgur.com/EzKnj.png" width="80px"><br><a href="">nome13.txt</a></div>
<div class="tutotitle"><img src="http://i.imgur.com/EzKnj.png" width="80px"><br><a href="">nome14.txt</a></div></div></div>

<div class="picker"><img src="http://i.imgur.com/yhTj8.png"><div class="supermenucontents">IDEE, COSA NE PENSI?
<table class="textcontainer" style="font-size:12pt; width:90%"><tr>
<td><a href="">proposta1</a><br><a href="">proposta2</a><br><a href="">proposta3</a><br></td>
<td><a href="">proposta4</a><br><a href="">proposta5</a><br><a href="">proposta6</a><br></td>
</tr></table></div></div>

<div class="picker"><img src="http://i.imgur.com/M99WY.png"><div class="supermenucontents">OFFTOPIC<br>
<table class="textcontainer" style="font-size:12pt; width:90%"><tr><td><a href="">immagini</a><br><a href="">video</a></td> <td><a href="">giochino</a><br><a href="">musica</a></td></tr></table> </div></div>

<div class="picker"><img src="http://i.imgur.com/O7Wm8.png"><div class="supermenucontents">AFFILIATI
<div style=" height: 80px; overflow: auto; line-height: 1px; text-align: center; letter-spacing: -13px; width:82%"><a><img src="http://i.imgur.com/qQxW4.png"></a> <a><img src="http://i.imgur.com/qQxW4.png"></a> <a><img src="http://i.imgur.com/qQxW4.png"></a> <a><img src="http://i.imgur.com/qQxW4.png"></a> <a><img src="http://i.imgur.com/qQxW4.png"></a> <a><img src="http://i.imgur.com/qQxW4.png"></a> <a><img src="http://i.imgur.com/qQxW4.png"></a> <a><img src="http://i.imgur.com/qQxW4.png"></a> <a><img src="http://i.imgur.com/qQxW4.png"></a> <a><img src="http://i.imgur.com/qQxW4.png"></a> <a><img src="http://i.imgur.com/qQxW4.png"></a> <a><img src="http://i.imgur.com/qQxW4.png"></a> <a><img src="http://i.imgur.com/qQxW4.png"></a> <a><img src="http://i.imgur.com/qQxW4.png"></a> <a><img src="http://i.imgur.com/qQxW4.png"></a> <a><img src="http://i.imgur.com/qQxW4.png"></a> <a><img src="http://i.imgur.com/qQxW4.png"></a> <a><img src="http://i.imgur.com/qQxW4.png"></a> <a><img src="http://i.imgur.com/qQxW4.png"></a> <a><img src="http://i.imgur.com/qQxW4.png"></a> <a><img src="http://i.imgur.com/qQxW4.png"></a> <a><img src="http://i.imgur.com/qQxW4.png"></a> <a><img src="http://i.imgur.com/qQxW4.png"></a> <a><img src="http://i.imgur.com/qQxW4.png"></a> <a><img src="http://i.imgur.com/qQxW4.png"></a> </div>
GEMELLATI
<div style="height:80px; overflow:auto; letter-spacing:-13px; width:82%"><a><img src="http://i.imgur.com/cIvGN.png"></a> <a><img src="http://i.imgur.com/cIvGN.png"></a> <a><img src="http://i.imgur.com/cIvGN.png"></a> <a><img src="http://i.imgur.com/cIvGN.png"></a> <a><img src="http://i.imgur.com/cIvGN.png"></a> <a><img src="http://i.imgur.com/cIvGN.png"></a> <a><img src="http://i.imgur.com/cIvGN.png"></a> <a><img src="http://i.imgur.com/cIvGN.png"></a> <a><img src="http://i.imgur.com/cIvGN.png"></a> <a><img src="http://i.imgur.com/cIvGN.png"></a> <a><img src="http://i.imgur.com/cIvGN.png"></a> <a><img src="http://i.imgur.com/cIvGN.png"></a> <a><img src="http://i.imgur.com/cIvGN.png"></a> <a><img src="http://i.imgur.com/cIvGN.png"></a> <a><img src="http://i.imgur.com/cIvGN.png"></a> <a><img src="http://i.imgur.com/cIvGN.png"></a> <a><img src="http://i.imgur.com/cIvGN.png"></a> <a><img src="http://i.imgur.com/cIvGN.png"></a> <a><img src="http://i.imgur.com/cIvGN.png"></a> <a><img src="http://i.imgur.com/cIvGN.png"></a> <a><img src="http://i.imgur.com/cIvGN.png"></a> <a><img src="http://i.imgur.com/cIvGN.png"></a> <a><img src="http://i.imgur.com/cIvGN.png"></a> <a><img src="http://i.imgur.com/cIvGN.png"></a> <a><img src="http://i.imgur.com/cIvGN.png"></a> <a><img src="http://i.imgur.com/cIvGN.png"></a> <a><img src="http://i.imgur.com/cIvGN.png"></a> </div></div></div>



<div class="picker"><img src="http://i.imgur.com/MoiHZ.png"><div class="supermenucontents">SEGUICI SU<br><br>
<div class="tutotitle" style="background:none"><a><img src="http://i.imgur.com/DnzkQ.png"></a></div>
<div class="tutotitle" style="background:none"><a><img src="http://i.imgur.com/FQiOB.png"></a></div>
<div class="tutotitle" style="background:none"><a><img src="http://i.imgur.com/eYuGJ.png"></a></div>
</div></div>

</div><div style=" z-index:9; position: absolute; right: 60px; top: 323px; font-size: 7pt;"><a href="http://ffmagazine.forumfree.it/?t=63687499">CSS Hover Table</a></div></div>

Loree2K

Posted on 25/3/2013, 21:35

Advanced Member

Group: Member

Posts: 3,665

Activity Level: 0

Location: Roma

Status: Anonymous

Su vecchi layout non mi funziona http://prova.wk.forumcommunity.net/

Bàstard

Posted on 26/3/2013, 08:13

User deleted

CITAZIONE (iTz_iToXiiC_xX @ 25/3/2013, 21:35)

Su vecchi layout non mi funziona http://prova.wk.forumcommunity.net/

Mi spiace ma infatti è solamente compatibile con il nuovo layout.

ElvyNailsCreation

Posted on 31/3/2013, 16:38

User deleted

ciao scusate ma non capisco una cosa, quando modifico Benvenuti si bloccano gli altri pulsanti nel senso che le altre immagini non si aprono in più vorrei eliminare le news vi metto il codice

SPOILER (clicca per visualizzare)

CODICE

<div class="supermenuwrapper"> <a href="http://elvynailscreation.blogfree.net/" class="supertitle"> </a><div class="supermenuoptions">

<div class="picker"><img src="http://i.imgur.com/sN6lO.png" alt=""> <div class="supermenucontents" >BENVENUTI! <div class="textcontainer" style=" text-align:justify; line-height:80%; padding:10px"> Il nostro forum nasce nel 2012 e continua con un bel :
<i>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nibh elit, hendrerit et volutpat quis, tempus eu enim. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec quis urna at risus viverra imperdiet. Pellentesque aliquam tellus ut lectus laoreet vehicula. Praesent ac placerat nulla. Integer vestibulum odio ac elit convallis id volutpat sapien convallis. Etiam vel ante rutrum mi imperdiet malesuada et eu mauris. Suspendisse sed lectus nibh. Praesent purus arcu, ultrices sed ultrices sed, blandit ac lectus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam nisi neque, euismod a iaculis sed, aliquam ut nibh. In tincidunt consequat placerat.

Praesent at fringilla nunc. In scelerisque erat sollicitudin nisi suscipit a bibendum mi lobortis. Proin lobortis, nisi in sollicitudin luctus, risus ipsum condimentum nibh, eget lobortis diam felis nec tortor. Nullam a ipsum et risus luctus mollis at eu lorem. Donec enim lacus, sagittis sed sagittis nec, fermentum sed neque. Nullam a mattis ante. Nulla leo sem, lacinia nec pretium at, tempus nec est. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Morbi hendrerit, nisl a egestas molestie, velit arcu accumsan urna, in luctus elit mi eget nulla. Aliquam libero massa, semper ac lacinia ac, hendrerit at ante. Sed blandit sollicitudin mollis. Donec urna neque, volutpat sed egestas sit amet, iaculis id justo. Integer vitae diam non leo tristique tempor.</i></div></div></div>

<div class="picker"><img src="http://i.imgur.com/qiLPd.png"><div class="supermenucontents">NEWS
<div class="textcontainer" style=" height: 200px; width: 700px; overflow: auto; font-size: 12pt; line-height: 100%; text-align: justify; color: rgba(255, 255, 255, 0.3);">29.09.12 - Il forum apre<br>
29.09.12 - Il forum apre<br>
29.09.12 - Il forum apre<br>
29.09.12 - Il forum apre<br>
29.09.12 - Il forum apre<br>
29.09.12 - Il forum apre<br>
29.09.12 - Il forum apre<br>
29.09.12 - Il forum apre<br>
29.09.12 - Il forum apre<br>
29.09.12 - Il forum apre<br>
29.09.12 - Il forum apre<br>
29.09.12 - Il forum apre<br>
29.09.12 - Il forum apre<br>
29.09.12 - Il forum apre<br>
29.09.12 - Il forum apre<br>
29.09.12 - Il forum apre<br>
29.09.12 - Il forum apre<br>
29.09.12 - Il forum apre<br>
29.09.12 - Il forum apre<br></div></div></div>

<div class="picker"><img src="http://i.imgur.com/geUSg.png"><div class="supermenucontents">ULTIME DISCUSSIONI
<table class="textcontainer"><tr>
<td><iframe src="http://elvynailscreation.blogfree.net/rss.php?a=143563&type=html&color=ffffff&n=10" style="width:100%;height:200px" scrolling="auto" frameborder="0" allowtransparency="true"></iframe></td>
</tr></table> </div></div>

<div class="picker"><img src="http://i.imgur.com/63PKd.png"><div class="supermenucontents">STAFF <div class="staffcontainer">

<div class="staffer"><a href="http://elvynailscreation.blogfree.net/?act=Profile&MID=904641"><img src="http://i45.tinypic.com/b81hjd.png"><br>*ElvyNailsCreation™</a> <div class="hoverix">Queen StarNail</div></div>

<div class="staffer"><a href="href="http://elvynailscreation.blogfree.net/?act=Profile&MID=905019"><img src="http://i48.tinypic.com/209t3kk.png"><br>clau_88</a> <div class="hoverix">Staff StarNail</div></div>

<div class="staffer"><a href="http://elvynailscreation.blogfree.net/?act=Profile&MID=907872"><img src="http://i47.tinypic.com/xex6e.png"><br>Mikelita</a> <div class="hoverix">Staff StarNail</div></div>

<br>

<div class="staffer"><a href="http://elvynailscreation.blogfree.net/?act=Profile&MID=911934"><img src="http://i50.tinypic.com/k5367d.png"><br>alessandraoc</a> <div class="hoverix">Staff StarNail</div></div>

<div class="staffer"><a href="http://elvynailscreation.blogfree.net/?act=Profile&MID=911929"><img src="http://i48.tinypic.com/23wjlnq.png"><br>MagicNailsAnzio</a> <div class="hoverix">Staff StarNail</div></div>
</div></div></div>

<div class="picker"><img src="http://i.imgur.com/2Xx7d.png"><div class="supermenucontents"><div style="font-family:georgia; line-height:7%; font-style:italic; font-size:22pt">Video</div>Tutorials <div align="center">
<div class="tutotitle"><a href="http://elvynailscreation.blogfree.net/?f=969533"><img src="http://i50.tinypic.com/1zekphg.png"><br> Ricostruzione in Gel </a></div>
<div class="tutotitle"><a href="http://elvynailscreation.blogfree.net/?f=969534"><img src="http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/128/Actions-fill-color-icon.png"><br> NailArt Gel </a></div>
<div class="tutotitle"><a href="http://elvynailscreation.blogfree.net/?f=974500"><img src="http://icons.iconarchive.com/icons/everaldo/crystal-clear/128/App-package-graphics-icon.png"><br> Ricostruzione in Acrilico </a></div>
<div class="tutotitle"><a href="http://elvynailscreation.blogfree.net/?f=974570"><img src="http://icons.iconarchive.com/icons/treetog/junior/128/paint-icon.png"><br> NailArt Acrilico </a></div>
<div class="tutotitle"><a href="http://elvynailscreation.blogfree.net/?f=969535"><img src="http://icons.iconarchive.com/icons/itzikgur/my-seven/128/Graphics-Painting-icon.png"><br> NailArt Micropittura </a></div>
<div class="tutotitle"><a href="http://elvynailscreation.blogfree.net/?f=974571"><img src="http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/128/Actions-format-stroke-color-icon.png"><br> Richieste Tutorial </a></div>
<div class="tutotitle"><a href="http://elvynailscreation.blogfree.net/?f=969914"><img src="http://icons.iconarchive.com/icons/mcdo-design/closed-notes/128/Diary-icon.png"><br> Teoria </a></div>
<div class="tutotitle"><a href="http://elvynailscreation.blogfree.net/?f=974681"><img src="http://icons.iconarchive.com/icons/lgp85/blue-crystal/128/My-Pictures-icon.png"><br> Step by Step presi dal Web </a></div>
</div> </div></div>

<div class="picker"><img src="http://i.imgur.com/pyB3V.png"><div class="supermenucontents"><div style="font-family:georgia; line-height:7%; font-style:italic; font-size:22pt">MakeUp</div>Estetica <div align="center">
<div class="tutotitle"><a href="http://elvynailscreation.blogfree.net/?f=969671"><img src="http://i46.tinypic.com/51oilh.png"><br> MkeUp </a></div>
<div class="tutotitle"><a href="http://elvynailscreation.blogfree.net/?f=972835"><img src="http://icons.iconarchive.com/icons/hybridworks/yoritsuki/128/Oke4-pail-icon.png"><br> Corpo </a></div>
<div class="tutotitle"><a href="http://elvynailscreation.blogfree.net/?f=972833"><img src="http://icons.iconarchive.com/icons/hybridworks/yoritsuki/128/Oshibori-wet-hand-towel-icon.png"><br> Capelli </a></div>
<div class="tutotitle"><a href="http://elvynailscreation.blogfree.net/?f=972834"><img src="http://icons.iconarchive.com/icons/hybridworks/yoritsuki/128/Tissue-paper-box-icon.png"><br> Viso </a></div>
</div> </div></div>

<div class="picker"><img src="http://i.imgur.com/DzTOT.png"><div class="supermenucontents"><div style="font-family:georgia; line-height:7%; font-style:italic; font-size:22pt">Ordini </div>Comulativi & Shopping <div align="center">
<div class="tutotitle"><a href="http://elvynailscreation.blogfree.net/?f=969243"><img src="http://i49.tinypic.com/ztvlaf.png"><br> Comulativi </a></div>
<div class="tutotitle"><a href="http://elvynailscreation.blogfree.net/?f=969244"><img src="http://i50.tinypic.com/2v1rcle.png"><br> Mercatino </a></div>
<div class="tutotitle"><a href="http://elvynailscreation.blogfree.net/?f=969810"><img src="http://i45.tinypic.com/34si8er.jpg"><br> Prodotti Consigliati e Non </a></div>
<div class="tutotitle"><a href="http://elvynailscreation.blogfree.net/?f=975066"><img src="http://icons.iconarchive.com/icons/aha-soft/large-home/128/Retail-shop-icon.png"><br> Neozi OnLine </a></div>
<div class="tutotitle"><a href="http://elvynailscreation.blogfree.net/?f=973812"><img src="http://icons.iconarchive.com/icons/designcontest/ecommerce-business/128/store-icon.png"><br> Aziende Affiliate </a></div>
</div> </div> </div>

<div class="picker"><img src="http://i.imgur.com/OMgKj.png"><div class="supermenucontents"> SUPPORTO
<table class="textcontainer" style="font-size:12pt; width:90%"><tr>
<td><a href="http://elvynailscreation.blogfree.net/?t=4451532">Come Registrarsi</a><br><a href="http://elvynailscreation.blogfree.net/?t=4452682">Come creare una nuova Discussione e Rispondere</a><br><a href="http://elvynailscreation.blogfree.net/?t=4457145">Come Caricare le Immagini dal Pc</a><br></td>
<td><a href="http://elvynailscreation.blogfree.net/?t=4452484">Modificare il Profilo</a><br><a href="http://elvynailscreation.blogfree.net/?t=4446713">Contatta Lo Staff</a><br></td>
</tr></table></div></div>

<div class="picker"><img src="http://i.imgur.com/M99WY.png"><div class="supermenucontents">OFFTOPIC<br>
<table class="textcontainer" style="font-size:12pt; width:90%"><tr><td><a href="http://elvynailscreation.blogfree.net/?f=969245">Zona Realx</a><br><a href="http://elvynailscreation.blogfree.net/?f=970196">Sapm Affiliazioni & Gemellaggi</a></td></tr></table> </div></div>

<div class="picker"><img src="http://i.imgur.com/O7Wm8.png"><div class="supermenucontents">AFFILIATI
<div style=" height: 80px; overflow: auto; line-height: 1px; text-align: center; letter-spacing: -13px; width:82%"><div style="overflow:auto; height:100px;"> <a href="http://thesongofthestars.forumfree.net" target="_blank"><img src="http://i813.photobucket.com/albums/zz51/megghy_meg/1-2.png" alt="The Song of The Stars"></a> <a href="http://winxclubdreams.forumcommunity.net/" target="_blank"><img src="http://i40.tinypic.com/fw5dw6.png" alt="°Winx Club Dreams - I Sogni a modo Nostro!°"></a> <a href="http://amicheperpassione.blogfree.net/" target="_blank"><img src="http://i.imgur.com/UDS0Z.jpg" alt="Amiche per Passione"></a> <a href="http://petslife.blogfree.net/"><img src="http://petslifeblog.altervista.org/banner/88x31/dogcat.jpg" alt="Pets Life"></a></div> </div>
GEMELLATI
<div style="height:80px; overflow:auto; letter-spacing:-13px; width:82%"><div style="overflow:auto; height:100px;"> <a href="http://mondoricette.forumcommunity.net"><img src="http://i.imgur.com/suBdF.png" alt="Forum MondoRicette"></a> <a href="http://lacittaincantata.forumfree.it/"><img src="http://i765.photobucket.com/albums/xx292/Nausicaa19/banner200x50lciforum3.png"></a></div> </div></div></div>



<div class="picker"><img src="http://i.imgur.com/MoiHZ.png"><div class="supermenucontents">SEGUICI SU<br><br>
<a class="thumbnail" href="http://www.facebook.com/pages/%E1%83%A6Elvy%E1%83%A6Nails%E1%83%A6Creation/146040608802784" target="_blank"><img src="http://image.blogfree.net/9/0/4/6/4/1/1363263484.png" alt="facebook-icon"></a> <a href="https://twitter.com/ElvyNails" target="_blank"><img src="http://i47.tinypic.com/znkcy9.png"></a> <a href="https://www.youtube.com/user/ElvyNailsCreation" target="_blank"><img src="http://i45.tinypic.com/zloz2t.png"></a> <a href="https://plus.google.com/u/0/116598206342068453020/posts" target="_blank"><img src="http://icons.iconarchive.com/icons/graphics-vibe/spring-social/64/google-plus-icon.png"></a></div>
</div></div>

</div><div style=" z-index:9; position: absolute; right: 60px; top: 323px; font-size: 7pt;"><a href="http://ffmagazine.forumfree.it/?t=63687499">CSS Hover Table</a></div></div>

CODICE

il messaggio da inserire in benvenuti è questo:
Benvenuti nel mio Forum.<br>
Questo Forum è stato creato per tutti coloro che amano il mondo della "Ricostruzione unghie".<br>
Troverete Tutorial su come ricostruire in gel/acrilico, varie NailArt e non solo Troverete sezioni dedicate all'Estetica e al Make Up<br>Organizziamo Contest e Concorsi a premi, Ordini Comulativi,ecc...<br>
Cosa aspetti presentati nella sezione <b>"conosciamoci"</b><br>
Prima però leggi il <a href="http://elvynailscreation.blogfree.net/?t=4453625"><b>REGOLAMENTO PER ESSERE ABILITATA ALLE SEZIONI PROTETTE</b></a><br>
Fai parte anche tù di questo bellissimo mondo e nn lo lascerai mai più!

Grazie.

150 replies since 26/10/2012, 18:58 13175 views