Az oldal menüje
 
Az év weboldala - 2013


Photoshop leírások

Ikonbázis
Galéria
 

 
Címkék

A blogban leggyakrabban használt címkék

 

Neko

Szövegdobozok - Friss író dobozok
Szövegdobozok - Friss író dobozok : Egérre nyíló szövegdoboz

Egérre nyíló szövegdoboz


Demó
vidd az egeret az egyik szövegdoboz részhez (nem kell kattintani)
 

  • Szerkeszd meg a szövegdoboz tartalmát. Lehet egyből abban a modulban, ahova a doboz kódját másoltad, de elkészítheted külön egy új egyszerű modulban is, és aztán forráskódból kimásolod a megírt tartalmat és beilleszted itt a tartalom helye részhez. Ebbe a dobozba is bármi tehető. Kép, szöveg, menü, stb. Ezen a szövegdobozon nem szép, ha van oldalt görgetősáv, így ne lépje túl a tartalom a szövegdobozod magasságát. Ez csak egy javaslat természetesen. A javascript kódot úgy ahogy van másold be oldalad egyszerű moduljába. Ebben a kódban tudod a doboz magasságát állítani ennél a résznél: {peekw:'30px', fullw:'450px', h:'300px'}
    A h:300px jelöli a magasságot. Azt az egyet átírhatod.

Szerkeszd meg a szövegdoboz tartalmát. Lehet egyből abban a modulban, ahova a doboz kódját másoltad, de elkészítheted külön egy új egyszerű modulban is, és aztán forráskódból kimásolod a megírt tartalmat és beilleszted itt a tartalom helye részhez. Ebbe a dobozba is bármi tehető. Kép, szöveg, menü, stb. Ezen a szövegdobozon nem szép, ha van oldalt görgetősáv, így ne lépje túl a tartalom a szövegdobozod magasságát. Ez csak egy javaslat természetesen. A javascript kódot úgy ahogy van másold be oldalad egyszerű moduljába. Ebben a javascript kódban tudod a doboz magasságát állítani ennél a résznél: {peekw:'30px', fullw:'450px', h:'300px'}
A h:300px jelöli a magasságot. Azt az egyet átírhatod.

Javascript kód

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script><script type="text/javascript" src="//aranymeli.gportal.hu/portal/aranymeli/upload/285733_1415478401_01280.js">
</script><script type="text/javascript">
haccordion.setup({
    accordionid: 'hc2', //main accordion div id
    paneldimensions: {peekw:'30px', fullw:'450px', h:'300px'},
    selectedli: [-1, true], //[selectedli_index, persiststate_bool]
    collapsecurrent: true //<- No comma following very last setting!
})
</script>

Szövegdoboz kódja

<div class="haccordion" id="hc2">
    <ul>
        <li style="border-right-width:0">
            <div class="hpanel" style="padding:10px; width:400px">
<p>
                    Ide jön a tartalom</p>
            </div>
        </li>
        <li style="border-right-width:0">
            <div class="hpanel" style="padding:10px; width:400px">
<p>
                    Ide jön a tartalom</p>
            </div>
        </li>
        <li style="border-right-width:0">
            <div class="hpanel" style="padding: 10px; width: 400px; text-align: center;">
<p>
                    Ide jön a tartalom</p>

</div>
        </li>
        <li>
            <div class="hpanel" style="padding: 10px; width: 400px; text-align: center;">
<p>
                    Ide jön a tartalom</p>

</div>
        </li>
    </ul>
</div>

CSS kód

<style type="text/css">
#hc2 li{
   margin:0 0 0 0;
   border: 12px solid #CED495; /* doboz kerete */
}

#hc2 li .hpanel{ /* doboz tartalma */
   font-family: Arial, Sans sherif;
   font-size: 13px;
   color: #868651;
   padding: 5px;
   background: #1B1C16;
   text-align: justify;
}

/* innentől semmin sem kell állítani */

.haccordion{
   padding: 0;
}

.haccordion ul{
   margin: 0;
   padding: 0;
   list-style: none;
   overflow: hidden;
}


.haccordion li{
   margin: 0;
   padding: 0;
   display: block;
   width: 100%;
   overflow: hidden;
   float: left;
}

.haccordion li .hpanel{
   width: 100%;
}</style>
 

Forrás

Még nincs hozzászólás.
Csak regisztrált felhasználók írhatnak hozzászólást.
 

Sztárok/Bulvár: Tudj meg friss pletykákat, híreket. Katt!    *****    Outsider - Gay - Creative - Rebel - Tolerant - Furry - Brony - Hipster - Gamer - Otherkin - Geek - Autistic    *****    Xtina Hungary - Minden, ami Christina Aguilera!    *****    Légy Te is AVON tanácsadó *** Nyereményjátékok *** Kereseti lehetõség *** Vásárolj kedvezményesen AVON termékeket!    *****    Nyerj ajándékszettet! Töltsd ki a kérdõívet és nyerj! *** Nyerj ajándékszettet! Töltsd ki a kérdõívet és nyerj!    *****    Jófogás Játékvásár - Jófogás Játékvásár - Jófogás Játékvásár - Jófogás Játékvásár     *****    FRPG &#9679; FANTASY SZEREPJÁTÉK &#9679;&#12300;&#914;&#923;SM&#923;IW&#12301; &#9679; FANTASY SZEREPJÁTÉK &#9679; EGY SZIGET + 24 MÁGUS &#9679; FANTASY SZEREPJÁT&Eacut    *****    Itt megtalálhatod a legfrissebb híreket, cikkeket, képeket a Golden Globe- és Oscar-díjas színésznõrõl! Katt!    *****    Furry Fandom - Antropomorf Állatok - Furry Fandom - Antropomorf Állatok - Furry Fandom - Antropomorf Állatok    *****    Légy Te is AVON tanácsadó *** AVON termékek *** Kereseti lehetõség *** Értékesítõ kollégákat keresek *** sminkek    *****    Esküvõi meghívók! Mindegyik kézzel készült, egyedi. Gyere, nézd meg az oldalamat.    *****    A legfrissebb Anime hírek , mindennap anime ajánló , mondocon képek , és hírek. Csatlakozz közösségünkhöz!    *****    Rendelj bármilyen asztrológiai elemzést,júniusban Te mondod meg,hogy mennyit szeretnél érte fizetni!Várlak az oldalamon!    *****    Egyetemistáknak kiemelt lakások eladóak. www.simonyiingatlan.hu Debrecen eladó kiváló lakások. www.simonyiingatlan.hu    *****    Egyetemistáknak kiemelt lakások eladóak. www.simonyiingatlan.hu Debrecen eladó kiváló lakások. www.simonyiingatlan.hu    *****    NÁLAM NINCSENNEK AKCIÓK, MINDEN ASZTROLÓGIAI ELEMZÉS "BECSÜLET KASSZÁS", A KONZULTÁCIÓ ÉS OKTATÁS INGYENES.    *****    **** Nokedli-lapja****Családi magazin****18-98 éves korosztály mindent megtalál itt, játékoktól a hírekig*****    *****    KÜLÖNLEGES AKCIÓ A CSILLAGJÖVÕ OLDALON JÚNIUSBAN.TE DÖNTHETED EL MENNYIBE KERÜLJÖN A HOROSZKÓP MEGRENDELÉSEID ÁRA!    *****    Minden héten anime/managa hírek , minden nap Anime ajánlók , Mondocon hírek. Itt nem fogsz unatkozni!! :)    *****    KÜLÖNLEGES CSILLAGJÖVÕ AKCIÓ JÚNIUSBAN.TE DÖNTHETED EL MENNYIBE KERÜLJÖN A SZÜLETÉSI HOROSZKÓP! VÁRLAK!RENDELD MEG MOST!