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 : Rejtett szövegdoboz a kép mögött

Rejtett szövegdoboz a kép mögött


Üdvözöllek Kedves Látogató!
A G-Portálépítés világába csöppentél. Nincs még honlapod, de szeretnél egyet? Vagy csak ötletet, ihletet szeretnél a honlapszerkesztéshez? Kezdő vagy, haladó vagy, esetleg egy jó kódot keresel? Vagy kelléket a design készítéshez? Akkor a legjobb helyen jársz. Minden, amire szükséged lehet, itt meglelheted. Kellemes böngészést neked :)
LindaDesign

Kód

<style type="text/css">
.textbox01 {
position:relative;
overflow:hidden;
width:400px; /* képed szélessége */
height:400px; /* képed magassága */
}
.textbox01 .textbox {
position:absolute;
top:0;
left:0;
width:400px; /* képed szélessége */
height:400px; /* képed magassága */
margin-left:-400px; /* az az érték kerüljön ide mínuszban, mint amilyen széles a képed */
background-image: url(//aranymeli.gportal.hu/portal/aranymeli/image/gallery/1331314629_04.png); /* háttérkép url címe */
background-repeat: repeat;
}
.textbox01:hover .textbox {
margin-left:0;
background-image: url(//aranymeli.gportal.hu/portal/aranymeli/image/gallery/1331314629_04.png); /* háttérkép url címe */
background-repeat: repeat;
}
.textbox01 img {
margin-left:0;
}
.textbox01:hover img {
margin-left:400px; /* az az érték kerüljön ide, mint amilyen széles a képed */
}
.text { /* minden, ami a szövegre hat */
padding: 0 10px 5px 10px;
font-family: arial;
font-size: 13px;
line-height: 18px;
width: 380px; /* a szöveged milyen szélesen és magasan jelenjen meg */
color: #B17D43;
text-shadow: #ffffff 1px 1px 1px;
text-align: justify;
}
.textbox01 img, .textbox {
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
}</style>
<div align="center">
    <div class="textbox01">
        <img alt="" src="//aranymeli.gportal.hu/portal/aranymeli/image/gallery/1398514235_15.png" />
        <div class="textbox">
            <p class="text">
                <strong>Üdvözöllek Kedves Látogató!</strong><br />
                A G-Portálépítés világába csöppentél. Nincs még honlapod, de szeretnél egyet? Vagy csak ötletet, ihletet szeretnél a honlapszerkesztéshez? Kezdő vagy, haladó vagy, esetleg egy jó kódot keresel? Vagy kelléket a design készítéshez? Akkor a legjobb helyen jársz. Minden, amire szükséged lehet, itt meglelheted. Kellemes böngészést neked :)<br />
                <strong>LindaDesign</strong>

</p>
        </div>
    </div>
</div>

Leírás

Igazából minden, amit tudnod kell, benne van a kódban. Mindenhova oda írtam, hogy hol mi az érték. Ahova nem írtam semmit azt jó lenne nem bántani :) Magát a szöveget, amit írni szeretnél majd a dobozodban, úgy is megcsinálhatod, hogy először csak a szöveget megírod egy egyszerű modulban például, megformázod (vastagítasz benne szavakat, adhatsz hozzá linkeket, képeket, stb.) aztán átmész forráskód nézetbe és forráskód nézetből a szöveget a kódokkal együtt kimásold és beilleszted a kódba a helyére. Kiemeltem a kódban, hogy hova kell beillesztened. Ez csak akkor kell, ha formázott szöveget szeretnél vagy extrákat is akarsz beletenni.

Ennyi az egész.
Ha valami hibát vétettél és esetleg elrontottad az oldaladat itt a leírás, hogyan hozd helyre:
Elrontottam az oldalam egy kóddal

A kód forrása: link

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

Mindig tudnod kell, melyik kikötõ felé tartasz. - ROSE HARBOR, a mi városunk - FRPG    *****    A boroszkányok gyorsan megtanulják... Minden mágia megköveteli a maga árát. De vajon mekkora lehet ez az ár? - FRPG    *****    Alkosd meg a saját karaktered, és irányítsd a sorsát! Vajon képes lenne túlélni egy ilyen titkokkal teli helyen? - FRPG    *****    why do all monsters come out at night - FRPG - Csatlakozz közénk! - Írj, és éld át a kalandokat!    *****    Aki szörnyekkel küzd, vigyázzon, nehogy belõle is szörny váljék. S ha hosszasan tekintesz egy örvénybe, az örvény vissza    *****    Rose Harbor, ahol a tenger suttog és a múlt sosem tûnik el teljesen. - FRPG - csatlakozz közénk te is :)    *****    Egy kikötõ, ahol minden hullám egy új kezdetet ígér. Rose Harbor, több mint egy város, egy világ a világ mögött.    *****    Rose Harbor &#8211; kisvárosi báj, nagy titkokkal - légy részese te is ennek a kalandnak :) - FRPG    *****    Óceán, erdõ, csillagfény &#8211; minden ösvény Rose Harborba vezet - aktív FRPG közösség    *****    Itachi Shinden 1. kötet Magyarul elérhetõ a konoha.hu -n. Nézzetek be! *** Itachi Shinden 1. kötet Magyarul elérhetõ!!!    *****    ÁGICAKÖNYVTÁRA - KÖNYVEK, KÖNYVEK, KÖNYVEK - ÁGICAKÖNYVTÁRA    *****    MOVIE-NIGHT -> Filmek, Sorozatok <- MOVIE-NIGHT    *****    Movie-    *****    Játssz a színekkel keress szebbnél szebb képeket, építs, szépítsd a portálod, hogy szebb és színesebb legyen a világod!    *****    Debrecen Huszti Lakóparki napelemes családiház eladó. 06209911123 Debrecen Huszti Lakóparki napelemes családiház eladó.    *****    Pont ITT Pont MOST! Pont NEKED! Már fejlesztés alatt is szebbnél színes szebb képek! Ha gondolod gyere less be!    *****    Kedves Csokoládé kedvelõk! Segítségeteket kérném a kérdõívem kitöltéséhez! Témája a CSOKOLÁDÉ MÁRKÁK! Köszön    *****    Homlokzati hõszigetelés! Vállaljuk családi házak, lakások, nyaralók és egyéb épületek homlokzati hõszigetelését!    *****    * Beugrós munkavállalók éjjel-nappal. * Beugrós munkavállalók éjjel-nappal. * Beugrós munkavállalók éjjel-nappal. *    *****    Elindult a Játék határok nélkül rajongói oldal! Ha te is szeretted a '90-es évek népszerû mûsorát, nézz be ide!