Szóval, az alábbi témában találhatóak meg az általam készített kódok, posztoknak és aláírásoknak elsősorban. Szeretném leszögezni, hogy nem értek mindenhez, ellenben rengeteget tanultam az elmúlt években, így ha nem is a bonyolult, animált és hoveres kódok, de az egyszerűbbek mindenképpen magas szintűek, könnyen kezelhetőek és nem esnek szét. Ego on, de ez senkit sem ijesszen el. Ha kell, instrukciót is adok hozzájuk :3. (HA pedig még ez sem elég, bátran lehet keresni, szívesen magyarázok vagy akár alakítok át kész kódot.)
Lentebb találhatóak listák a már kész kódokról. Ezek között vannak szabadon használhatóak/elvihetőek és olyanok is, amelyeket egyes userek egyes karaktereihez készítettem. Ezeket bár én csináltam, sokkal inkább tekintem az adott userének, hiszen neki készült, így ha valakinek egy ilyen kód tetszene meg és használná, ne velem, hanem azzal egyeztessen, akinek készült.
Ha pedig alapvetően tetszenek a munkáim, de nem találtál olyat, amit illene a karakteredhez, akkor ne habozz felkeresni, kérésre is nagyon szívesen gyártok kódokat. Tudni kell azonban, hogy hamarabb kész vagyok, ha ben ötlet/terv, ami mentén tudok haladni. Ha minden rám van bízva ihlettől függően akár hónapokba is telhet a dolog. Bár ez tényleg nagyon változó. Vannak kreatívabb és kevésbé kreatív priódusaim. Összegezve tehát: szívesen csinálok kódot bárkinek, csak legyen némi ötleted, mert akkor sokkal hamarabb készenleszek :3.
Van csajosabb, elegánsabb, színesebb :3. Ha az elsőnél fehér háttérrel tetszene, mint ahogy fent, akkor a background-color: #fcedee;-t kell kicserélni background-color: white;-ra :3.
Valaki & Valaki
L
orem ipsum dolor sit amet, consectetur adipiscing elit. Ut quis consequat justo, in suscipit ipsum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum non ipsum euismod, egestas velit a, vestibulum diam. Mauris vehicula nibh at lacus tempus, at venenatis sem malesuada. Vestibulum tincidunt pretium turpis, non dignissim risus facilisis at. Ut porta rutrum dui, quis sollicitudin libero condimentum ut. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Phasellus et augue arcu. Proin pulvinar volutpat est eu varius.Sed iaculis turpis a commodo suscipit. Quisque facilisis elementum sapien, vitae finibus erat egestas quis. Aenean nisi dolor, imperdiet ac cursus eget, vehicula quis enim. Ut in nibh vel massa viverra semper ut ut quam. Pellentesque lobortis eros lorem, a elementum ex vulputate sit amet. Vivamus non pretium ante. Integer tempor augue tellus. Vivamus sed quam at nisi mollis feugiat. Sed vitae risus et mi pharetra accumsan et ac felis. Donec ac gravida diam. Vestibulum ut urna in ligula faucibus venenatis. Aenean eleifend, urna a rhoncus hendrerit, nisi nisi dignissim nunc, pulvinar ornare magna velit a lacus. Praesent placerat egestas hendrerit. Vivamus vitae pharetra lectus, viverra sagittis lectus. Morbi at orci malesuada, luctus risus eu, faucibus sapien. Quisque cursus ligula sed tempus sagittis. Suspendisse fermentum ligula elit, et semper ex malesuada egestas. Vivamus diam mi, fermentum ultrices massa id, dictum iaculis diam. Proin sed auctor quam. Sed ante justo, convallis vel consequat non, condimentum ut eros. Nunc ac feugiat ligula. Maecenas tempor est et aliquet imperdiet. Nam lectus nulla, fringilla ac sodales sit amet, ultricies malesuada dolor.
Kód:
<center><link href="https://fonts.googleapis.com/css?family=Tangerine&display=swap" rel="stylesheet"><div style="transform: scaleY(-1);"><img src="https://cdnw.nickpic.host/sVgg85.png" style="height: 150px; transform: scaleX(-1); margin-left: -386px; margin-top: -144px;"></div> <div style="width: 450px;background-color: #fcedee; padding: 20px; line-height: 150%; border-top-right-radius: 80px 20px; border-bottom-left-radius: 80px 20px; text-align:justify; color:black;"><div style="font-family:Tangerine; font-size: 45px; margin-bottom: -15px; color:#f094b9; text-align:center; ">Valaki & Valaki</div><div style="text-indent:5px;"><p> <div style="font-family:Tangerine; font-size: 30px; color:#f094b9; float:left;">L</div>orem ipsum dolor sit amet, consectetur adipiscing elit. Ut quis consequat justo, in suscipit ipsum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum non ipsum euismod, egestas velit a, vestibulum diam. Mauris vehicula nibh at lacus tempus, at venenatis sem malesuada. Vestibulum tincidunt pretium turpis, non dignissim risus facilisis at. Ut porta rutrum dui, quis sollicitudin libero condimentum ut. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Phasellus et augue arcu. Proin pulvinar volutpat est eu varius.<img src="https://66.media.tumblr.com/b5165b6c1fcd156f82211d87dd771802/tumblr_olfhdeNrUi1t0vqjwo1_500.gif"; style="width:200px; opacity:0.9; float:left; border-radius:80px/20px; margin: 5px; margin-left: -40px; border-left: solid 4px #f094b9; border-right: solid 4px #f094b9; transform: rotate(-3deg);">Sed iaculis turpis a commodo suscipit. Quisque facilisis elementum sapien, vitae finibus erat egestas quis. Aenean nisi dolor, imperdiet ac cursus eget, vehicula quis enim. Ut in nibh vel massa viverra semper ut ut quam. Pellentesque lobortis eros lorem, a elementum ex vulputate sit amet. Vivamus non pretium ante. Integer tempor augue tellus. Vivamus sed quam at nisi mollis feugiat. Sed vitae risus et mi pharetra accumsan et ac felis. Donec ac gravida diam. Vestibulum ut urna in ligula faucibus venenatis. Aenean eleifend, urna a rhoncus hendrerit, nisi nisi dignissim nunc, pulvinar ornare magna velit a lacus. Praesent placerat egestas hendrerit. Vivamus vitae pharetra lectus, viverra sagittis lectus. Morbi at orci malesuada, luctus risus eu, faucibus sapien. Quisque cursus ligula sed tempus sagittis. Suspendisse fermentum ligula elit, et semper ex malesuada egestas. Vivamus diam mi, fermentum ultrices massa id, dictum iaculis diam. Proin sed auctor quam. Sed ante justo, convallis vel consequat non, condimentum ut eros. Nunc ac feugiat ligula. Maecenas tempor est et aliquet imperdiet. Nam lectus nulla, fringilla ac sodales sit amet, ultricies malesuada dolor.
orem ipsum dolor sit amet, consectetur adipiscing elit. Ut quis consequat justo, in suscipit ipsum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum non ipsum euismod, egestas velit a, vestibulum diam. Mauris vehicula nibh at lacus tempus, at venenatis sem malesuada. Vestibulum tincidunt pretium turpis, non dignissim risus facilisis at. Ut porta rutrum dui, quis sollicitudin libero condimentum ut. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Phasellus et augue arcu. Proin pulvinar volutpat est eu varius.Sed iaculis turpis a commodo suscipit. Quisque facilisis elementum sapien, vitae finibus erat egestas quis. Aenean nisi dolor, imperdiet ac cursus eget, vehicula quis enim. Ut in nibh vel massa viverra semper ut ut quam. Pellentesque lobortis eros lorem, a elementum ex vulputate sit amet. Vivamus non pretium ante. Integer tempor augue tellus. Vivamus sed quam at nisi mollis feugiat. Sed vitae risus et mi pharetra accumsan et ac felis. Donec ac gravida diam. Vestibulum ut urna in ligula faucibus venenatis. Aenean eleifend, urna a rhoncus hendrerit, nisi nisi dignissim nunc, pulvinar ornare magna velit a lacus. Praesent placerat egestas hendrerit. Vivamus vitae pharetra lectus, viverra sagittis lectus. Morbi at orci malesuada, luctus risus eu, faucibus sapien. Quisque cursus ligula sed tempus sagittis. Suspendisse fermentum ligula elit, et semper ex malesuada egestas. Vivamus diam mi, fermentum ultrices massa id, dictum iaculis diam. Proin sed auctor quam. Sed ante justo, convallis vel consequat non, condimentum ut eros. Nunc ac feugiat ligula. Maecenas tempor est et aliquet imperdiet. Nam lectus nulla, fringilla ac sodales sit amet, ultricies malesuada dolor.
Kód:
<center><link href="https://fonts.googleapis.com/css?family=Tangerine&display=swap" rel="stylesheet"><img src="https://i.ibb.co/QPwkxT1/corner-border-transparent-15.png" style="height: 190px; margin-left: -378px; margin-bottom: -154px;"> <div style="width: 450px;background-color: white; padding: 20px; line-height: 150%; border-top-right-radius: 80px 20px; border-bottom-left-radius: 80px 20px; border-top-left-radius: 50px; border-bottom-right-radius: 50px; text-align:justify;color:black;"> <div style="font-family:Tangerine; font-size: 45px; margin-bottom: -15px; color:black; text-align:center;">Valaki & Valaki</div><div style="text-indent:5px;"><p> <div style="font-family:Tangerine; font-size: 30px; color:#balck; float:left;">L</div>orem ipsum dolor sit amet, consectetur adipiscing elit. Ut quis consequat justo, in suscipit ipsum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum non ipsum euismod, egestas velit a, vestibulum diam. Mauris vehicula nibh at lacus tempus, at venenatis sem malesuada. Vestibulum tincidunt pretium turpis, non dignissim risus facilisis at. Ut porta rutrum dui, quis sollicitudin libero condimentum ut. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Phasellus et augue arcu. Proin pulvinar volutpat est eu varius.<img src="https://media1.giphy.com/media/jZgXeSux0rtx6/source.gif"; style="width:200px; opacity:0.9; float:left; border-radius:80px/20px; margin: 5px; margin-left: -40px; border-left: solid 4px black; border-right: solid 4px black; transform: rotate(-3deg);">Sed iaculis turpis a commodo suscipit. Quisque facilisis elementum sapien, vitae finibus erat egestas quis. Aenean nisi dolor, imperdiet ac cursus eget, vehicula quis enim. Ut in nibh vel massa viverra semper ut ut quam. Pellentesque lobortis eros lorem, a elementum ex vulputate sit amet. Vivamus non pretium ante. Integer tempor augue tellus. Vivamus sed quam at nisi mollis feugiat. Sed vitae risus et mi pharetra accumsan et ac felis. Donec ac gravida diam. Vestibulum ut urna in ligula faucibus venenatis. Aenean eleifend, urna a rhoncus hendrerit, nisi nisi dignissim nunc, pulvinar ornare magna velit a lacus. Praesent placerat egestas hendrerit. Vivamus vitae pharetra lectus, viverra sagittis lectus. Morbi at orci malesuada, luctus risus eu, faucibus sapien. Quisque cursus ligula sed tempus sagittis. Suspendisse fermentum ligula elit, et semper ex malesuada egestas. Vivamus diam mi, fermentum ultrices massa id, dictum iaculis diam. Proin sed auctor quam. Sed ante justo, convallis vel consequat non, condimentum ut eros. Nunc ac feugiat ligula. Maecenas tempor est et aliquet imperdiet. Nam lectus nulla, fringilla ac sodales sit amet, ultricies malesuada dolor.</div>
orem ipsum dolor sit amet, consectetur adipiscing elit. Ut quis consequat justo, in suscipit ipsum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum non ipsum euismod, egestas velit a, vestibulum diam. Mauris vehicula nibh at lacus tempus, at venenatis sem malesuada. Vestibulum tincidunt pretium turpis, non dignissim risus facilisis at. Ut porta rutrum dui, quis sollicitudin libero condimentum ut. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Phasellus et augue arcu. Proin pulvinar volutpat est eu varius.Sed iaculis turpis a commodo suscipit. Quisque facilisis elementum sapien, vitae finibus erat egestas quis. Aenean nisi dolor, imperdiet ac cursus eget, vehicula quis enim. Ut in nibh vel massa viverra semper ut ut quam. Pellentesque lobortis eros lorem, a elementum ex vulputate sit amet. Vivamus non pretium ante. Integer tempor augue tellus. Vivamus sed quam at nisi mollis feugiat. Sed vitae risus et mi pharetra accumsan et ac felis. Donec ac gravida diam. Vestibulum ut urna in ligula faucibus venenatis. Aenean eleifend, urna a rhoncus hendrerit, nisi nisi dignissim nunc, pulvinar ornare magna velit a lacus. Praesent placerat egestas hendrerit. Vivamus vitae pharetra lectus, viverra sagittis lectus. Morbi at orci malesuada, luctus risus eu, faucibus sapien. Quisque cursus ligula sed tempus sagittis. Suspendisse fermentum ligula elit, et semper ex malesuada egestas. Vivamus diam mi, fermentum ultrices massa id, dictum iaculis diam. Proin sed auctor quam. Sed ante justo, convallis vel consequat non, condimentum ut eros. Nunc ac feugiat ligula. Maecenas tempor est et aliquet imperdiet. Nam lectus nulla, fringilla ac sodales sit amet, ultricies malesuada dolor.
Kód:
<center><link href="https://fonts.googleapis.com/css?family=Tangerine&display=swap" rel="stylesheet"><img src="https://images2.imgbox.com/a8/bd/myxN3pmz_o.png" style="height: 130px;margin-left: -390px;margin-bottom: -105px;transform: rotate(-12deg);"> <div style="width: 450px;background-color: #faede3; padding: 20px; line-height: 150%; border-top-right-radius: 80px 20px; border-bottom-left-radius: 80px 20px; border-top-left-radius: 50px; border-bottom-right-radius: 50px; text-align:justify;color:black;"> <div style="font-family:Tangerine; font-size: 45px; margin-bottom: -15px; color:#D88B63; text-align:center;">Valaki & Valaki</div><div style="text-indent:5px;"><p> <div style="font-family:Tangerine; font-size: 30px; color:#D88B63; float:left;">L</div>orem ipsum dolor sit amet, consectetur adipiscing elit. Ut quis consequat justo, in suscipit ipsum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum non ipsum euismod, egestas velit a, vestibulum diam. Mauris vehicula nibh at lacus tempus, at venenatis sem malesuada. Vestibulum tincidunt pretium turpis, non dignissim risus facilisis at. Ut porta rutrum dui, quis sollicitudin libero condimentum ut. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Phasellus et augue arcu. Proin pulvinar volutpat est eu varius.<img src="https://data.whicdn.com/images/331954991/original.gif"; style="width:200px; opacity:0.9; float:left; border-radius:80px/20px; margin: 5px; margin-left: -40px; border-left: solid 4px #D88B63; border-right: solid 4px #D88B63; transform: rotate(-3deg);">Sed iaculis turpis a commodo suscipit. Quisque facilisis elementum sapien, vitae finibus erat egestas quis. Aenean nisi dolor, imperdiet ac cursus eget, vehicula quis enim. Ut in nibh vel massa viverra semper ut ut quam. Pellentesque lobortis eros lorem, a elementum ex vulputate sit amet. Vivamus non pretium ante. Integer tempor augue tellus. Vivamus sed quam at nisi mollis feugiat. Sed vitae risus et mi pharetra accumsan et ac felis. Donec ac gravida diam. Vestibulum ut urna in ligula faucibus venenatis. Aenean eleifend, urna a rhoncus hendrerit, nisi nisi dignissim nunc, pulvinar ornare magna velit a lacus. Praesent placerat egestas hendrerit. Vivamus vitae pharetra lectus, viverra sagittis lectus. Morbi at orci malesuada, luctus risus eu, faucibus sapien. Quisque cursus ligula sed tempus sagittis. Suspendisse fermentum ligula elit, et semper ex malesuada egestas. Vivamus diam mi, fermentum ultrices massa id, dictum iaculis diam. Proin sed auctor quam. Sed ante justo, convallis vel consequat non, condimentum ut eros. Nunc ac feugiat ligula. Maecenas tempor est et aliquet imperdiet. Nam lectus nulla, fringilla ac sodales sit amet, ultricies malesuada dolor.</p></div> </div> <img src="https://images2.imgbox.com/a8/bd/myxN3pmz_o.png" style="height: 130px;margin-left: 395px;margin-top: -123px;transform: rotate(165deg);"></center>
Bármilyen képpel/giffel működik, csak figyeljetek arra, hogy a kód középre igazítja azt
Valaki & Valaki
“You might belong in Hufflepuff, where they are just and loyal, those patient Hufflepuffs are true, and unafraid of toil.”
S
zöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg
Kód:
</br><center><div style="width: 454px;"><link href="https://fonts.googleapis.com/css?family=Great+Vibes&display=swap" rel="stylesheet"><div style="font-family: 'Great Vibes', cursive; font-size: 45px; color: #E8A917; border-bottom:dotted 1px #E8A917; ">Valaki & Valaki</div><center><link href='https://fonts.googleapis.com/css?family=Tangerine' rel='stylesheet' type='text/css'><div style="font-family: 'Tangerine', cursive; font-size: 22px; margin-bottom: -55px; margin-top: 20px; margin-left: 140px; line-height: 110%;">“You might belong in Hufflepuff, where they are just and loyal, those patient Hufflepuffs are true, and unafraid of toil.”</div> <div style="padding-right:3px;"><div style="filter: drop-shadow(3px 0px 3px #000);"><img src="https://66.media.tumblr.com/3d72ba2d47e0ab1fd53deca6d8b67041/tumblr_pay4a25PSk1wtpw5so2_250.jpg" style="object-fit: cover;float:left; clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); width: 120px; height: 120px; margin-bottom: 11px;" /></div> <div style="filter: drop-shadow(-3px 0px 3px #000);"><img src="https://i.pinimg.com/736x/42/32/8c/42328c2a276c3750cf7ad0cdcb940a41--hufflepuff-pride-ravenclaw.jpg" style="object-fit: cover;clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); width: 70px; height: 70px; float:left; margin-top: 88px; margin-left: -130px;" /></div> <div style="filter: drop-shadow(3px 0px 3px #000);"><img src="https://data.whicdn.com/images/325921893/original.jpg" style="object-fit: cover;clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); width: 90px; height: 90px; float:left; margin-top: 95px; margin-left: -75px; margin-right:5px;" /></div> </div><div style="text-align: justify;"><div style="font-family: 'Great Vibes'; font-size: 24px; color: #E8A917; float:left;">S</div>zöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg </div></center></center>
Valaki & Valaki
S
zöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg
Kód:
</br><center><div style="width: 454px;"><link href="https://fonts.googleapis.com/css?family=Great+Vibes&display=swap" rel="stylesheet"><div style="font-family: 'Great Vibes', cursive; font-size: 45px; color: #E8A917; border-bottom:dotted 1px #E8A917; margin-bottom: -13px;">Valaki & Valaki</div><center><div style="padding-right:3px;"><div style="filter: drop-shadow(3px 0px 3px #000);"> <img src="https://66.media.tumblr.com/3d72ba2d47e0ab1fd53deca6d8b67041/tumblr_pay4a25PSk1wtpw5so2_250.jpg" style="object-fit: cover;float:left; clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); width: 120px; height: 120px; margin-bottom: 11px; margin-top: 15px;" /></div> <div style="filter: drop-shadow(-3px 0px 3px #000);"><img src="https://i.pinimg.com/736x/42/32/8c/42328c2a276c3750cf7ad0cdcb940a41--hufflepuff-pride-ravenclaw.jpg" style="object-fit: cover;clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); width: 70px; height: 70px; float:left; margin-top: 103px; margin-left: -130px;" /></div> <div style="filter: drop-shadow(3px 0px 3px #000);"><img src="https://data.whicdn.com/images/325921893/original.jpg" style="object-fit: cover;clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); width: 90px; height: 90px; float:left; margin-top: 110px; margin-left: -75px; margin-right:5px;" /></div> </div><div style="text-align: justify; margin-top: -35px;"><div style="font-family: 'Great Vibes'; font-size: 24px; color: #E8A917; float:left; margin-top: -18px;">S</div>zöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg </div></center></center>
szövegszöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szövegszöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg
Valami szöveg || valami link || valami zene || valami bármi
Kód:
<center><div style="width: 460px; box-shadow:0 0px 25px rgba(0,0,0,.5);"><div style="background-color: #cfd9f2; width: 460px; height: 15px;"></div><div style="background-color: #505c8e; width: 460px; height: 70px;"><img src="https://i.gifer.com/Ilx2.gif" style="width: 115px; height: 115px; border-radius: 100px 100px 100px 100px; float:left; margin-top: -25px; margin-left: 15px; border: 5px solid #cfd9f2;" /> <link href='https://fonts.googleapis.com/css?family=Damion' rel='stylesheet'><div style="font-family: 'Damion', cursive; font-size: 45px; color: #cfd9f2; margin-top: 13px;">Valaki & Valaki</div></div><div style="background-color: #cfd9f2; width: 460px; height: 20px;"><link href='https://fonts.googleapis.com/css?family=Cinzel' rel='stylesheet'><div style="font-family: 'Cinzel', cursive; font-size: 13px; color: #505c8e;">Idézet, vagy bármi szöveg helye</div></div> <div style="width: 440px; text-align:justify;">szövegszöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szövegszöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg</div> <div style="background-color: #cfd9f2; width: 460px; height: 20px;"><link href='https://fonts.googleapis.com/css?family=Cinzel' rel='stylesheet'><div style="font-family: 'Cinzel', cursive; font-size: 13px; color: #505c8e;">Valami szöveg || valami link || valami zene || valami bármi</div></div></div></center>
szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szövegszöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg
✰ Valami szöveg || valami link || valami zene || valami bármi ✰
Kód:
<center><div style="background-color: #041b2c; width: 460px; border-radius: 50px /150px ;"><div style="background: url('https://i.gifer.com/2iiB.gif'); width: 460px; border-radius: 50px /150px ;"><div style="background-color: #062743; width: 420px; border-radius: 50px /150px; opacity: 0.95;"> <link href='https://fonts.googleapis.com/css?family=Fredericka+the+Great' rel='stylesheet'><div style="font-family: 'Fredericka the Great', cursive; font-size: 35px; color: #38648a; margin-top: 15px; text-decoration: underline; text-decoration-style: dotted;">Valaki & Valaki</div><link href='https://fonts.googleapis.com/css?family=Special+Elite' rel='stylesheet' type='text/css'><div style="font-family: 'Special Elite', cursive; font-size: 14px; margin-top: 12px; color: #b8b8a4;">✰ Idézet, vagy bármi szöveg helye ✰</div><div style="width: 400px; text-align: justify; padding:10px;"> [color=#b8b8a4]szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg[/color] <img src="https://media1.tenor.com/images/4a4a4f97c567be3e34394ecef1d6e539/tenor.gif" style="width: 225px; border-radius: 35px 70px 35px 70px /100px 120px 100px 120px; float: right; transform:rotate(-3deg); box-shadow: 1px 0px 10px #062743; margin-left: 10px; margin-top: 8px; margin-bottom: 2px; margin-right: -40px; " /> [color=#b8b8a4]szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szövegszöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg[/color]
<center><link href='https://fonts.googleapis.com/css?family=Special+Elite' rel='stylesheet' type='text/css'><div style="font-family: 'Special Elite', cursive; color: #b8b8a4; font-size: 12px;"> ✰ Valami szöveg || valami link || valami zene || valami bármi ✰</center>
</center>
Valaki & Valaki
✰ Idézet, vagy bármi szöveg helye ✰
szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szövegszöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg
✰ Valami szöveg || valami link || valami zene || valami bármi ✰
Kód:
<center><div style="background-color: #04212c; width: 510px; border-radius: 50px /150px ;"><div style="background: url('https://i.gifer.com/2iiB.gif'); width: 510px; border-radius: 50px /150px ;"><div style="background-color: #063243; width: 470px; border-radius: 50px /150px; opacity: 0.95;"> <link href='https://fonts.googleapis.com/css?family=Fredericka+the+Great' rel='stylesheet'><div style="font-family: 'Fredericka the Great', cursive; font-size: 35px; color: #09717a; margin-top: 15px; text-decoration: underline; text-decoration-style: dotted;">Valaki & Valaki</div><link href='https://fonts.googleapis.com/css?family=Special+Elite' rel='stylesheet' type='text/css'><div style="font-family: 'Special Elite', cursive; font-size: 14px; margin-top: 12px; color: #b8b8a4;">✰ Idézet, vagy bármi szöveg helye ✰</div><div style="width: 450px; text-align: justify; padding:10px;"> [color=#b8b8a4]szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg[/color] <img src="https://orig00.deviantart.net/e9d3/f/2016/339/5/9/animated_star_background_stock_by_firstdarkangel2001-daqohse.gif" style="width: 225px; border-radius: 35px 70px 35px 70px /100px 120px 100px 120px; float: right; transform:rotate(-3deg); box-shadow: 1px 0px 10px #000; margin-left: 10px; margin-top: 8px; margin-bottom: 2px; margin-right: -40px; " /> [color=#b8b8a4]szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szövegszöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg[/color]
<center><link href='https://fonts.googleapis.com/css?family=Special+Elite' rel='stylesheet' type='text/css'><div style="font-family: 'Special Elite', cursive; color: #b8b8a4; font-size: 12px;"> ✰ Valami szöveg || valami link || valami zene || valami bármi ✰</center>
Korábban a saját karakterek kódjai voltak, most bárki használhatja és viheti őket.
A csillagok bármilyen más ikonra kicserélhetőek :3
Valaki & Valaki
Cím és bármi más
☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆
L
orem ipsum dolor sit amet, consectetur adipiscing elit. Ut quis consequat justo, in suscipit ipsum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum non ipsum euismod, egestas velit a, vestibulum diam. Mauris vehicula nibh at lacus tempus, at venenatis sem malesuada. Vestibulum tincidunt pretium turpis, non dignissim risus facilisis at. Ut porta rutrum dui, quis sollicitudin libero condimentum ut. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Phasellus et augue arcu. Proin pulvinar volutpat est eu varius.Sed iaculis turpis a commodo suscipit. Quisque facilisis elementum sapien, vitae finibus erat egestas quis. Aenean nisi dolor, imperdiet ac cursus eget, vehicula quis enim. Ut in nibh vel massa viverra semper ut ut quam. Pellentesque lobortis eros lorem, a elementum ex vulputate sit amet. Vivamus non pretium ante. Integer tempor augue tellus. Vivamus sed quam at nisi mollis feugiat. Sed vitae risus et mi pharetra accumsan et ac felis. Donec ac gravida diam. Vestibulum ut urna in ligula faucibus venenatis. Aenean eleifend, urna a rhoncus hendrerit, nisi nisi dignissim nunc, pulvinar ornare magna velit a lacus. Praesent placerat egestas hendrerit. Vivamus vitae pharetra lectus, viverra sagittis lectus. Morbi at orci malesuada, luctus risus eu, faucibus sapien. Quisque cursus ligula sed tempus sagittis. Suspendisse fermentum ligula elit, et semper ex malesuada egestas. Vivamus diam mi, fermentum ultrices massa id, dictum iaculis diam. Proin sed auctor quam. Sed ante justo, convallis vel consequat non, condimentum ut eros. Nunc ac feugiat ligula. Maecenas tempor est et aliquet imperdiet. Nam lectus nulla, fringilla ac sodales sit amet, ultricies malesuada dolor.
☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆
Kód:
</br><center><div style="width: 404px;"><link href='https://fonts.googleapis.com/css?family=Parisienne' rel='stylesheet'><div style="font-family: 'Parisienne', cursive; font-size: 45px; color: #fffff3; margin-bottom: 8px; text-shadow:1px 1px 1px #000;">Valaki & Valaki</div><center><link href='https://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'><div style="font-family: 'Amatic SC', cursive; font-size: 20px; margin-top: 4px; color: #ed8855; text-shadow:1px 1px 1px #000;">Cím és bármi más</div> <div style=" color: #fffff3; font-size: 16px; text-shadow:1px 1px 1px #000;"> ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆</div> <div style="text-align: justify;"><img src="https://64.media.tumblr.com/71830704fb96d30324e136c3295704d9/75ca08bc22480d45-2e/s500x750/fdd665256fbe0a26d8e844a18ad82206eff61ece.gifv" style="width: 220px; padding: 2px; box-shadow: 1px 0px 10px grey; float:right; margin-left: 11px;margin-bottom: 11px; transform:rotate(2deg); border-radius: 1px;" /><link href='https://fonts.googleapis.com/css?family=Parisienne' rel='stylesheet'><div style="font-family: 'Parisienne'; font-size: 24px; color: #ed8855; float:left;">L</div>orem ipsum dolor sit amet, consectetur adipiscing elit. Ut quis consequat justo, in suscipit ipsum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum non ipsum euismod, egestas velit a, vestibulum diam. Mauris vehicula nibh at lacus tempus, at venenatis sem malesuada. Vestibulum tincidunt pretium turpis, non dignissim risus facilisis at. Ut porta rutrum dui, quis sollicitudin libero condimentum ut. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Phasellus et augue arcu. Proin pulvinar volutpat est eu varius.Sed iaculis turpis a commodo suscipit. Quisque facilisis elementum sapien, vitae finibus erat egestas quis. Aenean nisi dolor, imperdiet ac cursus eget, vehicula quis enim. Ut in nibh vel massa viverra semper ut ut quam. Pellentesque lobortis eros lorem, a elementum ex vulputate sit amet. Vivamus non pretium ante. Integer tempor augue tellus. Vivamus sed quam at nisi mollis feugiat. Sed vitae risus et mi pharetra accumsan et ac felis. Donec ac gravida diam. Vestibulum ut urna in ligula faucibus venenatis. Aenean eleifend, urna a rhoncus hendrerit, nisi nisi dignissim nunc, pulvinar ornare magna velit a lacus. Praesent placerat egestas hendrerit. Vivamus vitae pharetra lectus, viverra sagittis lectus. Morbi at orci malesuada, luctus risus eu, faucibus sapien. Quisque cursus ligula sed tempus sagittis. Suspendisse fermentum ligula elit, et semper ex malesuada egestas. Vivamus diam mi, fermentum ultrices massa id, dictum iaculis diam. Proin sed auctor quam. Sed ante justo, convallis vel consequat non, condimentum ut eros. Nunc ac feugiat ligula. Maecenas tempor est et aliquet imperdiet. Nam lectus nulla, fringilla ac sodales sit amet, ultricies malesuada dolor. </div></center> <center><div style=" color: #fffff3; font-size: 16px; text-shadow:1px 1px 1px #000;"> ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆</div> </center> </center>
Valaki & Valaki
S
zöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve
szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg
Kód:
</br><center><div style="width: 454px;"><link href="https://fonts.googleapis.com/css?family=Great+Vibes&display=swap" rel="stylesheet"><div style="font-family: 'Great Vibes', cursive; font-size: 45px; color: #79293c; text-align:right; -webkit-text-stroke: 0.3px #8f5c5f;margin-bottom: -5px;">Valaki & Valaki</div><center> <div style="font-style: italic; text-align: left; margin-top: -15px; background-color: #8F5C5F; color: #79293c; border-top-left-radius: 30px 40px; border-top-right-radius: 30px 40px; width: 470px; margin-left: -5px; height: 10px;"></div> <div style="text-align: justify;"><div style="font-family: 'Great Vibes'; font-size: 24px; color: #79293c; float:left;-webkit-text-stroke: 0.3px #8f5c5f;">S</div>zöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve <div style="float:left; padding: 10px; margin-left: -20px; margin-top:5px;"><div style="border: 1px dotted #79293c; border-radius: 50px/30px;"><img src="https://64.media.tumblr.com/02248b7aadbc551b17d637b541321ad4/e61549b41c2f29ee-e4/s250x400/f656cffbc6b7cf48ffdf1f340d6cffa6a56b8c81.gifv" style="width:180px;transform:rotate(-6deg); opacity:0.9; border-radius: 50px/30px;"></div></div>szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg szöveg szöve szöveg </div> <div style="font-style: italic; text-align: left; margin-top: -10px; background-color: #8F5C5F; color: #79293c; border-bottom-left-radius: 30px 40px; border-bottom-right-radius: 30px 40px; width: 470px; margin-left: -5px; height: 10px;"></div> </div></center>
Az első hoveres (vidd a képre az egeret) a második sima, hover nélküli. Ha multibejelentőbe szeretnél használni, vagy csak úgy raknál egymás után többet, hogy a leírás szövege más, akkor a "Karinév" nevű csoportot írd át mind a két helyen az adott karakter nevére és tedd be a színkódot ami kell :3. Ez érvényes az "infoc"-ra a hoveres verziónál. Ott azt tanácsolom, hogy a k-t cserél ki minden képnél más betűre minden helyen. (Persze csak ha váltogatni akarod képenként a színeket.)
Az első képes, a második pedig kép nélküli verzió.
Valaki & Valaki
Cím,és bármi más
✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯
L
orem ipsum dolor sit amet, consectetur adipiscing elit. Ut quis consequat justo, in suscipit ipsum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum non ipsum euismod, egestas velit a, vestibulum diam. Mauris vehicula nibh at lacus tempus, at venenatis sem malesuada. Vestibulum tincidunt pretium turpis, non dignissim risus facilisis at. Ut porta rutrum dui, quis sollicitudin libero condimentum ut. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Phasellus et augue arcu. Proin pulvinar volutpat est eu varius.Sed iaculis turpis a commodo suscipit. Quisque facilisis elementum sapien, vitae finibus erat egestas quis. Aenean nisi dolor, imperdiet ac cursus eget, vehicula quis enim. Ut in nibh vel massa viverra semper ut ut quam. Pellentesque lobortis eros lorem, a elementum ex vulputate sit amet. Vivamus non pretium ante. Integer tempor augue tellus. Vivamus sed quam at nisi mollis feugiat. Sed vitae risus et mi pharetra accumsan et ac felis. Donec ac gravida diam. Vestibulum ut urna in ligula faucibus venenatis. Aenean eleifend, urna a rhoncus hendrerit, nisi nisi dignissim nunc, pulvinar ornare magna velit a lacus. Praesent placerat egestas hendrerit. Vivamus vitae pharetra lectus, viverra sagittis lectus. Morbi at orci malesuada, luctus risus eu, faucibus sapien. Quisque cursus ligula sed tempus sagittis. Suspendisse fermentum ligula elit, et semper ex malesuada egestas. Vivamus diam mi, fermentum ultrices massa id, dictum iaculis diam. Proin sed auctor quam. Sed ante justo, convallis vel consequat non, condimentum ut eros. Nunc ac feugiat ligula. Maecenas tempor est et aliquet imperdiet. Nam lectus nulla, fringilla ac sodales sit amet, ultricies malesuada dolor.
✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯
Kód:
</br><center><div style="width: 404px;"><link href="https://fonts.googleapis.com/css?family=Satisfy&display=swap" rel="stylesheet"><div style="font-family: Satisfy, cursive; font-size: 45px; color: #1f4b8e; margin-bottom: 8px;">Valaki & Valaki</div><center><link href='https://fonts.googleapis.com/css?family=Cinzel' rel='stylesheet' type='text/css'><div style="font-family: 'Cinzel', cursive; font-size:15px; margin-top: 4px; color: #fff; text-shadow:1px 1px 1px #000;">Cím,és bármi más</div> <div style=" color:#1f4b8e; font-size: 16px;"> ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯</div> <div style="text-align: justify;"><img src="https://c.tenor.com/EYTELICXo58AAAAC/night-sky.gif" style="width: 220px; padding: 2px; box-shadow: 1px 0px 10px grey; float:right; margin-left: 11px;margin-bottom: 11px; transform:rotate(2deg); border-radius: 1px; border: 2px solid #1f4b8e; margin-right: -20px;" /><div style="font-family: 'Satisfy'; font-size: 24px; color: #1f4b8e; float:left;">L</div>orem ipsum dolor sit amet, consectetur adipiscing elit. Ut quis consequat justo, in suscipit ipsum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum non ipsum euismod, egestas velit a, vestibulum diam. Mauris vehicula nibh at lacus tempus, at venenatis sem malesuada. Vestibulum tincidunt pretium turpis, non dignissim risus facilisis at. Ut porta rutrum dui, quis sollicitudin libero condimentum ut. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Phasellus et augue arcu. Proin pulvinar volutpat est eu varius.Sed iaculis turpis a commodo suscipit. Quisque facilisis elementum sapien, vitae finibus erat egestas quis. Aenean nisi dolor, imperdiet ac cursus eget, vehicula quis enim. Ut in nibh vel massa viverra semper ut ut quam. Pellentesque lobortis eros lorem, a elementum ex vulputate sit amet. Vivamus non pretium ante. Integer tempor augue tellus. Vivamus sed quam at nisi mollis feugiat. Sed vitae risus et mi pharetra accumsan et ac felis. Donec ac gravida diam. Vestibulum ut urna in ligula faucibus venenatis. Aenean eleifend, urna a rhoncus hendrerit, nisi nisi dignissim nunc, pulvinar ornare magna velit a lacus. Praesent placerat egestas hendrerit. Vivamus vitae pharetra lectus, viverra sagittis lectus. Morbi at orci malesuada, luctus risus eu, faucibus sapien. Quisque cursus ligula sed tempus sagittis. Suspendisse fermentum ligula elit, et semper ex malesuada egestas. Vivamus diam mi, fermentum ultrices massa id, dictum iaculis diam. Proin sed auctor quam. Sed ante justo, convallis vel consequat non, condimentum ut eros. Nunc ac feugiat ligula. Maecenas tempor est et aliquet imperdiet. Nam lectus nulla, fringilla ac sodales sit amet, ultricies malesuada dolor. </div></center> <center><div style=" color: #1f4b8e; font-size: 16px;"> ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯</div> </center> </center>
Valaki & Valaki
Cím,és bármi más
✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯
L
orem ipsum dolor sit amet, consectetur adipiscing elit. Ut quis consequat justo, in suscipit ipsum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum non ipsum euismod, egestas velit a, vestibulum diam. Mauris vehicula nibh at lacus tempus, at venenatis sem malesuada. Vestibulum tincidunt pretium turpis, non dignissim risus facilisis at. Ut porta rutrum dui, quis sollicitudin libero condimentum ut. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Phasellus et augue arcu. Proin pulvinar volutpat est eu varius.Sed iaculis turpis a commodo suscipit. Quisque facilisis elementum sapien, vitae finibus erat egestas quis. Aenean nisi dolor, imperdiet ac cursus eget, vehicula quis enim. Ut in nibh vel massa viverra semper ut ut quam. Pellentesque lobortis eros lorem, a elementum ex vulputate sit amet. Vivamus non pretium ante. Integer tempor augue tellus. Vivamus sed quam at nisi mollis feugiat. Sed vitae risus et mi pharetra accumsan et ac felis. Donec ac gravida diam. Vestibulum ut urna in ligula faucibus venenatis. Aenean eleifend, urna a rhoncus hendrerit, nisi nisi dignissim nunc, pulvinar ornare magna velit a lacus. Praesent placerat egestas hendrerit. Vivamus vitae pharetra lectus, viverra sagittis lectus. Morbi at orci malesuada, luctus risus eu, faucibus sapien. Quisque cursus ligula sed tempus sagittis. Suspendisse fermentum ligula elit, et semper ex malesuada egestas. Vivamus diam mi, fermentum ultrices massa id, dictum iaculis diam. Proin sed auctor quam. Sed ante justo, convallis vel consequat non, condimentum ut eros. Nunc ac feugiat ligula. Maecenas tempor est et aliquet imperdiet. Nam lectus nulla, fringilla ac sodales sit amet, ultricies malesuada dolor.
✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯
Kód:
</br><center><div style="width: 404px;"><link href="https://fonts.googleapis.com/css?family=Satisfy&display=swap" rel="stylesheet"><div style="font-family: Satisfy, cursive; font-size: 45px; color: #1f4b8e; margin-bottom: 8px;">Valaki & Valaki</div><center><link href='https://fonts.googleapis.com/css?family=Cinzel' rel='stylesheet' type='text/css'><div style="font-family: 'Cinzel', cursive; font-size:15px; margin-top: 4px; color: #fff; text-shadow:1px 1px 1px #000;">Cím,és bármi más</div> <div style=" color:#1f4b8e; font-size: 16px;"> ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯</div> <div style="text-align: justify;"><div style="font-family: 'Satisfy'; font-size: 24px; color: #1f4b8e; float:left;">L</div>orem ipsum dolor sit amet, consectetur adipiscing elit. Ut quis consequat justo, in suscipit ipsum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum non ipsum euismod, egestas velit a, vestibulum diam. Mauris vehicula nibh at lacus tempus, at venenatis sem malesuada. Vestibulum tincidunt pretium turpis, non dignissim risus facilisis at. Ut porta rutrum dui, quis sollicitudin libero condimentum ut. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Phasellus et augue arcu. Proin pulvinar volutpat est eu varius.Sed iaculis turpis a commodo suscipit. Quisque facilisis elementum sapien, vitae finibus erat egestas quis. Aenean nisi dolor, imperdiet ac cursus eget, vehicula quis enim. Ut in nibh vel massa viverra semper ut ut quam. Pellentesque lobortis eros lorem, a elementum ex vulputate sit amet. Vivamus non pretium ante. Integer tempor augue tellus. Vivamus sed quam at nisi mollis feugiat. Sed vitae risus et mi pharetra accumsan et ac felis. Donec ac gravida diam. Vestibulum ut urna in ligula faucibus venenatis. Aenean eleifend, urna a rhoncus hendrerit, nisi nisi dignissim nunc, pulvinar ornare magna velit a lacus. Praesent placerat egestas hendrerit. Vivamus vitae pharetra lectus, viverra sagittis lectus. Morbi at orci malesuada, luctus risus eu, faucibus sapien. Quisque cursus ligula sed tempus sagittis. Suspendisse fermentum ligula elit, et semper ex malesuada egestas. Vivamus diam mi, fermentum ultrices massa id, dictum iaculis diam. Proin sed auctor quam. Sed ante justo, convallis vel consequat non, condimentum ut eros. Nunc ac feugiat ligula. Maecenas tempor est et aliquet imperdiet. Nam lectus nulla, fringilla ac sodales sit amet, ultricies malesuada dolor. </div></center> <center><div style=" color: #1f4b8e; font-size: 16px;"> ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯ ✯</div> </center> </center>
You never know how Strong you are. . . until Being Strong is the only choice you have.
Ami általánosságban igaz lesz: Bármilyen méretű képet használhattok, mert a kód nem fogja összenyomni, hanem szépen beleméretezi a kis helyére. Nálam úgy van állítva, hogy a legtetejétől mutassa a képet, de ha nektek a képen alul vagy középen van a karakter annak a mutatására is van lehetőség. Mindössze az object-position: top;-ban a top-ot kell kicserélni bottom-ra vagy center-re. Ha sehogy sem jó, akkor egy PÜ az ára és szívesen segítek :3. A piros szín pedig, amit cserélgetni kell #b30c2c kódra hallgat.
1.) Ennek adott a hosszúsága 300px, utána szépen görgős oldalsáv jelenik meg.
A karakter neve
Aktív
Játék neve, linkje - @"pajtás neve" meg mit még akarsz Játék neve, linkje - @"pajtás neve" meg mit még akarsz Játék neve, linkje - @"pajtás neve" meg mit még akarsz
Befejezett
Játék neve, linkje - @"pajtás neve" meg mit még akarsz Játék neve, linkje - @"pajtás neve" meg mit még akarsz Játék neve, linkje - @"pajtás neve" meg mit még akarsz
Tervezett
Játék neve, linkje - @"pajtás neve" meg mit még akarsz Játék neve, linkje - @"pajtás neve" meg mit még akarsz Játék neve, linkje - @"pajtás neve" meg mit még akarsz Játék neve, linkje - @"pajtás neve" meg mit még akarsz
Kód:
[center]<div style="width:500px; font-family:Mr De Haviland; font-size:50px;color:#b30c2c;margin-top: 10px;">A karakter neve</div><div style="width:500px; background-color:#b30c2c; height:10px;"></div><img src=https://data.whicdn.com/images/326000316/original.jpg" style="max-width: 500px; width: 500px; height:200px; object-fit: cover; object-position: top;"><div style="width:500px; background-color:#b30c2c; height:10px;"></div> <div style="width:480px; max-height: 300px; overflow:auto; padding:10px;"><div style="font-family:Mr De Haviland; font-size:30px;color:#b30c2c;">Aktív</div> Játék neve, linkje - @"pajtás neve" meg mit még akarsz Játék neve, linkje - @"pajtás neve" meg mit még akarsz Játék neve, linkje - @"pajtás neve" meg mit még akarsz
<div style="font-family:Mr De Haviland; font-size:30px;color:#b30c2c; margin-top:20px;">Befejezett</div> Játék neve, linkje - @"pajtás neve" meg mit még akarsz Játék neve, linkje - @"pajtás neve" meg mit még akarsz Játék neve, linkje - @"pajtás neve" meg mit még akarsz
<div style="font-family:Mr De Haviland; font-size:30px;color:#b30c2c; margin-top:20px;">Tervezett</div> Játék neve, linkje - @"pajtás neve" meg mit még akarsz Játék neve, linkje - @"pajtás neve" meg mit még akarsz Játék neve, linkje - @"pajtás neve" meg mit még akarsz Játék neve, linkje - @"pajtás neve" meg mit még akarsz </div> <div style="width:500px; background-color:#b30c2c; height:10px;"></div>[/center]
2.) Itt ahogy egyre nő a játéklista úgy lesz hosszabb a kód is, nincs maximális magasság megadva.
A karakter neve
Aktív
Játék neve, linkje - @"pajtás neve" meg mit még akarsz Játék neve, linkje - @"pajtás neve" meg mit még akarsz Játék neve, linkje - @"pajtás neve" meg mit még akarsz
Befejezett
Játék neve, linkje - @"pajtás neve" meg mit még akarsz Játék neve, linkje - @"pajtás neve" meg mit még akarsz Játék neve, linkje - @"pajtás neve" meg mit még akarsz
Tervezett
Játék neve, linkje - @"pajtás neve" meg mit még akarsz Játék neve, linkje - @"pajtás neve" meg mit még akarsz Játék neve, linkje - @"pajtás neve" meg mit még akarsz Játék neve, linkje - @"pajtás neve" meg mit még akarsz
Kód:
[center]<div style="width:500px; font-family:Mr De Haviland; font-size:50px;color:#b30c2c;margin-top: 10px;">A karakter neve</div><div style="width:500px; background-color:#b30c2c; height:10px;"></div><img src="https://data.whicdn.com/images/326000316/original.jpg" style="max-width: 500px; width: 500px; height:200px; object-fit: cover; object-position: top;"><div style="width:500px; background-color:#b30c2c; height:10px;"></div> <div style="width:480px; padding:10px;"><div style="font-family:Mr De Haviland; font-size:30px;color:#b30c2c;">Aktív</div> Játék neve, linkje - @"pajtás neve" meg mit még akarsz Játék neve, linkje - @"pajtás neve" meg mit még akarsz Játék neve, linkje - @"pajtás neve" meg mit még akarsz
<div style="font-family:Mr De Haviland; font-size:30px;color:#b30c2c; margin-top:20px;">Befejezett</div> Játék neve, linkje - @"pajtás neve" meg mit még akarsz Játék neve, linkje - @"pajtás neve" meg mit még akarsz Játék neve, linkje - @"pajtás neve" meg mit még akarsz
<div style="font-family:Mr De Haviland; font-size:30px;color:#b30c2c; margin-top:20px;">Tervezett</div> Játék neve, linkje - @"pajtás neve" meg mit még akarsz Játék neve, linkje - @"pajtás neve" meg mit még akarsz Játék neve, linkje - @"pajtás neve" meg mit még akarsz Játék neve, linkje - @"pajtás neve" meg mit még akarsz </div> <div style="width:500px; background-color:#b30c2c; height:10px;"></div>[/center]
3.) Ha csak a képest részt akarjátok multilistába. (Fonos: a @"név" módszert nem ajánlom, mert úgy nem lehet átszínezni a linket és zöld lesz, itt a névhez van hagyományos módon linkelve a profil linke, de ez lehet ET vagy bármi más.)
Az egyik egy elnyújtott hoveres polaroid szerű megoldás, a másik pedig az egy poszttal korábbi minta hoveres megoldása. a kicserélendő rózsaszín: #ff7483. Ha valaki át szeretne méretezni/színezni valamit és nem menne neki, agy PÜ az ára és segítek :3. (A képekre itt is igazak a korábbi posztban leírtak.)
[center]<style>@import url('https://fonts.googleapis.com/css?family=Sacramento');.polaroidlista {padding: 15px 15px 30px;box-shadow: 0 4px 6px rgba(0,0,0,.3); background: #ffffff; z-index:0;position:relative;width: 500px; text-align:left;}.polaroidlista hover{position: absolute;width: 480px;height:230px; overflow:auto; padding: 10px; color:#000; opacity: 0;z-index: 1;left: 0px;-webkit-transition-duration: 3s;-moz-transition-duration: 3s;-o-transition-duration: 3s;background-color:#fff;margin-left:15px;}.polaroidlista hover:hover {opacity: 0.9; }.polaroidlista a {color: #ff7483; text-shadow:none;}.polaroidlista hover::-webkit-scrollbar-thumb {background-color:#ff7483;}.polaroidlista hover::-webkit-scrollbar{background-color:transparent;}</style> <div class="polaroidlista"><img src="https://www.lovethispic.com/uploaded_images/98085-Pink-Tulips.png" style="max-width: 500px; width: 500px; height: 250px; object-fit: cover;"><hover> <center><div style="font-family:sacramento; font-size:30px;color: #ff7483;">Aktív</div> <a href="https://finite.hungarianforum.com/">Játék neve, linkje</a> - @"pajtás neve" meg mit még akarsz <a href="https://finite.hungarianforum.com/">Játék neve, linkje</a> - @"pajtás neve" meg mit még akarsz <a href="https://finite.hungarianforum.com/">Játék neve, linkje</a> - @"pajtás neve" meg mit még akarsz
<div style="font-family:sacramento; font-size:30px;color: #ff7483; margin-top:20px;">Befejezett</div> <a href="https://finite.hungarianforum.com/">Játék neve, linkje</a> - @"pajtás neve" meg mit még akarsz <a href="https://finite.hungarianforum.com/">Játék neve, linkje</a> - @"pajtás neve" meg mit még akarsz <a href="https://finite.hungarianforum.com/">Játék neve, linkje</a> - @"pajtás neve" meg mit még akarsz
<div style="font-family:sacramento; font-size:30px;color: #ff7483; margin-top:20px;">Tervezett</div> <a href="https://finite.hungarianforum.com/">Játék neve, linkje</a> - @"pajtás neve" meg mit még akarsz <a href="https://finite.hungarianforum.com/">Játék neve, linkje</a> - @"pajtás neve" meg mit még akarsz <a href="https://finite.hungarianforum.com/">Játék neve, linkje</a> - @"pajtás neve" meg mit még akarsz</center> </hover> <a href="https://finite.hungarianforum.com/u140" target="_blank"><div style="font-family:sacramento; font-size: 40px;margin-top: 22px; text-align: center; color: #ff7483; text-shadow:none;margin-top: 30px;">A karakter neve</div></a></div>[/center]
[center]<style>@import url('https://fonts.googleapis.com/css?family=Sacramento');.polaroidlista2 {z-index:0;position:relative;width: 500px; text-align:left;}.polaroidlista2 hover{position: absolute;width: 480px;height:230px; overflow:auto; padding: 10px; color:#000; opacity: 0;z-index: 1;left: -15px;-webkit-transition-duration: 3s;-moz-transition-duration: 3s;-o-transition-duration: 3s;background-color:#fff;margin-left:15px;margin-top:10px;}.polaroidlista2 hover:hover {opacity: 0.9; }.polaroidlista2 a {color: #ff7483; text-shadow:none;}.polaroidlista2 hover::-webkit-scrollbar-thumb {background-color:#ff7483;}.polaroidlista2 hover::-webkit-scrollbar{background-color:transparent;}</style> <a href="https://finite.hungarianforum.com/u140" target="_blank"><div style="font-family:sacramento; font-size: 40px;margin-top: 22px; text-align: center; color: #ff7483; text-shadow:none;margin-top: 30px;">A karakter neve</div></a><div class="polaroidlista2"><img src="https://www.lovethispic.com/uploaded_images/98085-Pink-Tulips.png" style="max-width: 500px; width: 500px; height: 250px; object-fit: cover;border-top: 10px solid #ff7483;border-bottom: 10px solid #ff7483;"><hover> <center><div style="font-family:sacramento; font-size:30px;color: #ff7483;">Aktív</div> <a href="https://finite.hungarianforum.com/">Játék neve, linkje</a> - @"pajtás neve" meg mit még akarsz <a href="https://finite.hungarianforum.com/">Játék neve, linkje</a> - @"pajtás neve" meg mit még akarsz <a href="https://finite.hungarianforum.com/">Játék neve, linkje</a> - @"pajtás neve" meg mit még akarsz
<div style="font-family:sacramento; font-size:30px;color: #ff7483; margin-top:20px;">Befejezett</div> <a href="https://finite.hungarianforum.com/">Játék neve, linkje</a> - @"pajtás neve" meg mit még akarsz <a href="https://finite.hungarianforum.com/">Játék neve, linkje</a> - @"pajtás neve" meg mit még akarsz <a href="https://finite.hungarianforum.com/">Játék neve, linkje</a> - @"pajtás neve" meg mit még akarsz
<div style="font-family:sacramento; font-size:30px;color: #ff7483; margin-top:20px;">Tervezett</div> <a href="https://finite.hungarianforum.com/">Játék neve, linkje</a> - @"pajtás neve" meg mit még akarsz <a href="https://finite.hungarianforum.com/">Játék neve, linkje</a> - @"pajtás neve" meg mit még akarsz <a href="https://finite.hungarianforum.com/">Játék neve, linkje</a> - @"pajtás neve" meg mit még akarsz</center> </hover></div>[/center]
A betűk jelenleg csak itt, ezen a fórumon működnek, ha át szeretnéd vinni máshová linkeld be google fontból őket és akkor rendben lesznek máshol is.
1.) Az idézet ne legyen hosszabb nagyon annál, mint ami most bent van, mer az alsó kép alá csúszik (persze ezt is lehet orvosolni, ha valaki nem ért hozzá, annak egy Pü az ára :3)
You’re only here for a short visit. Don’t hurry, don’t worry. And smell the flowers
along the way.
Kód:
[center]<link href="https://fonts.googleapis.com/css2?family=Kristi&display=swap" rel="stylesheet"><img src="https://img.nickpic.host/3EnG6F.png" style="width: 300px; transform: rotate(180deg);opacity: 0.4;"> <img src="https://66.media.tumblr.com/a2cff8396e5c6e51e34c4b2276aee832/tumblr_inline_o4q7t1oXhz1t8bm8b_250.gif" style="margin-top: -222px;position: relative;width: 189px;border: solid 1px #484852;padding: 3px;"> <div style="font-family:cinzel;width: 222px; line-height: 93%;font-size: 13.5px;color: #a1a2b1;text-align: justify; margin-top:-95px;">You’re only here for a short visit. Don’t hurry, don’t worry. And smell the flowers</div><div style="font-family:Kristi;width: 222px; line-height: 93%;font-size: 25px;color: #575a8c;text-align: right;"> along the way.</div> <img src="https://66.media.tumblr.com/ae3f1ceb95fbd960fa1fc56ad09f015b/tumblr_o48h0pVLli1vn8epfo2_r1_250.gif" style="margin-top: -5px; position: relative; border: solid 1px #484852;padding: 3px;height: 100px;"> <img src="https://img.nickpic.host/3EnG6F.png" style="width: 300px;margin-top: -215px;opacity: 0.4;">[/center]
2.)
You’re only here for a short visit. Don’t hurry, don’t worry. And smell the flowers
along the way.
Kód:
[center]<link href="https://fonts.googleapis.com/css2?family=Kristi&display=swap" rel="stylesheet"><img src="https://66.media.tumblr.com/a2cff8396e5c6e51e34c4b2276aee832/tumblr_inline_o4q7t1oXhz1t8bm8b_250.gif" style="position: relative;width: 189px; height: 100px; border: solid 1px #484852;padding: 3px; margin-right: 5px; margin-top: -6px;"><img src="https://66.media.tumblr.com/ae3f1ceb95fbd960fa1fc56ad09f015b/tumblr_o48h0pVLli1vn8epfo2_r1_250.gif" style="margin-top: -5px; position: relative; border: solid 1px #484852;padding: 3px;height: 100px;"> <div style="font-family:cinzel;width: 390px; line-height: 93%;font-size: 13.5px;color: #a1a2b1;text-align: justify; margin-top:6px;">You’re only here for a short visit. Don’t hurry, don’t worry. And smell the flowers</div><div style="font-family:Kristi;width: 390px; line-height: 93%;font-size: 25px;color: #575a8c;text-align: right; margin-top: -7px;"> along the way.</div> <img src="https://img.nickpic.host/3EnG6F.png" style="width: 300px;margin-top: -246px;opacity: 0.4;margin-left: -210px;margin-right: -90px;"><img src="https://img.nickpic.host/3EnG6F.png" style="width: 300px; margin-top: -243px; margin-right: -230px; opacity: 0.4;">[/center]
It’s important to be organized and ruthless. Three piles, I always say. The stuff you wanna keep, the stuff you might need later that you put in storage, and the stuff you have to destroy.
Valaki & Fiona
Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye.
Kód:
<center><link href="https://fonts.googleapis.com/css2?family=Marcellus+SC&family=Mrs+Saint+Delafield&display=swap" rel="stylesheet"> <div style="width: 450px;margin-left: 40px;"><img src="https://img.nickpic.host/jzoug6.png" style="height: 135px;margin-left: -386px; margin-bottom: -99px;"><div style="width: 351px; font-family: Marcellus SC;text-align: justify;opacity: 0.5;margin-top: -5px;">It’s important to be organized and ruthless. Three piles, I always say. The stuff you wanna keep, the stuff you might need later that you put in storage, and the stuff you have to destroy.</div> <div style="width: 351px; font-family: Mrs Saint Delafield; text-align: center; font-size: 50px; margin-top: -21px; color: #fdb2bf; text-shadow: 1px 1px 1px #000;">Valaki & Fiona</div></div> <div style="width: 450px; text-align:justify;width: 380px; margin-top: 20px;"><img src="https://66.media.tumblr.com/a3906ae49220218d16bef6e57409024c/tumblr_mkfvmfbHo81qd7fc3o2_250.gif" style="margin-left: 6px; margin-top: 4px;width: 180px;border: double 5px #f1cfd5;float: right;opacity: 0.9;"> Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye. Post helye.</div> </center>
Ha a kép nem középre, hanem jobbra vagy balra lenne tájolva a használt képen, az object-position: center;-ben írd át a centert, left-re vagy right-ra és akkor jó lesz :3.
Gif cserénél rövid linket használjatok, mert a tumblr link túl hosszú és úgy már a hunforum nem engedi a kódot, mert azt is - what a surprise - hosszúnak tartja. (Én ezt a képfeltöltőt használom :3)
A képek 90X520-as méretűek lesznek, most éppen középre vannak igazítva, de az object-position: center;-ben ki tudod cserélni a centert-t left-re vagy right-ra.