Un alt gen de descriere al categoriilor

Rezumarea primului mesaj :

Buna dimineata, a-si dori si eu sa stiu cum pot face ca la descrierea categoriilor sa am inca o descriere am sa o numesc "miscatoare" deoarece se misca o data cu sageata cursorului, adica daca ti curosul pe numele categoriei mai apare o fereastra cu background-ul negru in care scrie o descriere mai amanuntita (depinde dupa caz) pentru mai multe detali am sa atasez si doua poze

Imaginea 1

Imaginea 2


Multumesc anticipat

Adaugati in foaia de stil css urmatorul cod: (la sfarsit)

Cod:


    a.forumtitle {
    position:relative;
    background:none; z-index:10; }
    a.forumtitle:hover { z-index:20; }
    a.forumtitle span { display:none; }

    a.forumtitle:hover {
    display:block;
    position:absolute;
    top:18px;
    left:10px;
    padding-left:25px;
    padding-top:24px;
    padding-bottom:5px;
    padding-right:8px;
    width:210px;
    height:47px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:normal;
    font-style:italic;
    font-size:10px;
    color:#000000;
    text-decoration:none;
    text-align:justify; }

    a.forumtitle:hover { background-image:url(http://i86.servimg.com/u/f86/11/96/49/61/info010.png); }
    a.forumtitle:hover { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://i86.servimg.com/u/f86/11/96/49/61/info010.png", sizingMethod="crop"); }


Este pus dar iamginea apare chiar si daca nu pun cursorul pe numele categoriei

Va rog URMARITI acet link http://liquidartz.all-forum.net/ aicia este ce DOREC EU

Tineti curosrul pe NUMELE CATEGORIEI si VEDETI

Dvs trebuie sa va folositi propria imagine sau una din tutorialul lui darkspectre.

Am folosit codul care mi-a fost dat de Mark https://help.forumgratuit.ro/t9372-crearea-unei-casute-de-informatii-pentru-link-uri-bannere !
Dar din clipa in care pun acea imagine
ea nu apare numai cand aplic curosul este ACOLO NON STOP cu tot scriptul pus in foaia de stil

Cod:

a.forumtitle {
    position:relative;
    background:none; z-index:10; }
    a.forumtitle:hover { z-index:20; }
    a.forumtitle span { display:none; }

    a.forumtitle:hover {
    display:block;
    position:absolute;
    top:18px;
    left:10px;
    padding-left:25px;
    padding-top:24px;
    padding-bottom:5px;
    padding-right:8px;
    width:210px;
    height:47px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:normal;
    font-style:italic;
    font-size:10px;
    color:#000000;
    text-decoration:none;
    text-align:justify; }

    a.forumtitle:hover { background-image:url(http://i86.servimg.com/u/f86/11/96/49/61/info010.png); }
    a.forumtitle:hover { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://i86.servimg.com/u/f86/11/96/49/61/info010.png", sizingMethod="crop"); }

Nu are nic un efect la aplicarea curosrului

Vr-o sugestie ?

Deci Pune acest cod in Css:

Cod:

    a.info {
    position:relative;
    background:none; z-index:10; }
    a.info:hover { z-index:20; }
    a.info span { display:none; }

    a.info:hover span {
    display:block;
    position:absolute;
    top:18px;
    left:10px;
    padding-left:25px;
    padding-top:24px;
    padding-bottom:5px;
    padding-right:8px;
    width:210px;
    height:47px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:normal;
    font-style:italic;
    font-size:10px;
    color:#000000;
    text-decoration:none;
    text-align:justify; }

    a.info:hover>span { background-image:url(http://i86.servimg.com/u/f86/11/96/49/61/info010.png); }
    a.info:hover span { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://i86.servimg.com/u/f86/11/96/49/61/info010.png", sizingMethod="crop"); }

Apoi pune acest script la numele categoriei/forumului:

Cod:

    <a  href="LINK" class="info">Nume<span>Descriere</span></a>

Sper sa-ti mearga!
Edit:Mie mia mers!Uite
Aici acesta este forumul meu de teste...pune clickul pe TEST

Da acuma merge, trebuia sa a-mi spuneti de la inceput 93AnThRaX ca acest cod

Cod:

<a  href="LINK" class="info">Nume<span>Descriere</span></a>

trebuie pus in "numele categoriei/forumului" nu in "descrierea categoriei/forumului"
Orcum va multumesc pentru ajutor tuturor
Rezolvat puteti inchide

Da acuma merge, trebuia sa a-mi spuneti de la inceput 93AnThRaX ca acest cod

Cod:

<a  href="LINK" class="info">Nume<span>Descriere</span></a>

trebuie pus in "numele categoriei/forumului" nu in "descrierea categoriei/forumului"
Orcum va multumesc pentru ajutor tuturor
Rezolvat puteti inchide