2014. augusztus 3., vasárnap

Design csomag - Elvihető fejlécek, Claire Holt gifs, HTML kódok #3, Kurzor segítség

Bonjour!
Mint láthattátok, új szerkesztőnk akadt, Kathy Monet, ki szívesen segít nektek trailerben, rendezett képekben, és kritikában is, így nekünk is nagy segítség! Próbaidőn van, de én úgy érzem, itt is marad, ha továbbra is ilyen szépen dolgozik. 
Most egy kis design bejegyzéssel érkeztem nektek, amiben remélem találtok magatoknak valamit! Ha esetleg nem értenétek, vagy nem sikerül valami, nyugodtan írjatok az e-mail címemre vagy kommentben, és szívesen segédkezek benne, esetleg kérésre megcsinálom!
Ui.: Úgy tudom, Jasmine mától egy hétig a Balatonon fogja süttetni a hasát (kis szerencsés), így nem tudom internet közelben lesz-e.


Elvihető fejlécek







Claire Holt-ról pár gif, kérésre












HTML kódok

Ha rámész a képre, megjelenik az iromány. 


<center>

<img height="300" src="http://4.bp.blogspot.com/-LlE1kUjKmNw/U949A3oYfxI/AAAAAAAAGck/U7jXBukk1mQ/s1600/large%2B%25282%2529.jpg" width="200" /><br />
<div id="ck">
IDE JÖN A SZÖVEG!
<br />
IDE JÖN A SZÖVEG!
<br />
IDE JÖN A SZÖVEG!
</div></center>

<br />
<style type="text/css">

#ck{
background:#f0eeeb;
color:#000;
width:200px;
height:300px;
margin-top:-310px;
padding-left:0.5px;
padding-right:0.5px;
padding-bottom:5px;
padding-top:5px;
opacity:.1;
-webkit-transition:all .5s ease-in-out;-moz-border-radius: 1em; -webkit-border-radius: 1em; }
#ck:hover{opacity:.7}

</style>

magasság: itt állíthatod be, milyen magas legyen a kép
szélesség: itt állíthatod be, milyen széles legyen a kép
link: ide kell bemásolni a képnek az URL címét





Menükód


<style type="text/css">

a.kiskakas{
font-family: georgia;
display:inline-block;
width:130px;
height:15px;
background:#9fc5e8;
color:#000000;
text-shadow: 1px 2px 2px #666;
font-size:14px ;
padding:5px;
margin:2px;
text-align:center;
border-left:5px solid #FF0000;
text-decoration:none;
margin-bottom:3px;
-webkit-transition-duration: 1.0s;
}

a.kiskakas:hover{
-webkit-transition: 0.9s;
-moz-transition: 0.9s;
width:131px;
background:#FF0000;
border-right:25px solid #CECAE9;
box-shadow: 1px 1px 3px #444;}
</style>

<a class="kiskakas" href="http://hullocsillagvadasz.blogspot.com/">Főoldal</a><br />
<a class="kiskakas" href="http://hullocsillagvadasz.blogspot.com/">Szereplők</a><br />
<a class="kiskakas" href="http://hullocsillagvadasz.blogspot.com/">Fejezetek</a><br />
<a class="kiskakas" href="http://hullocsillagvadasz.blogspot.com/">LINK1</a><br />
<a class="kiskakas" href="http://hullocsillagvadasz.blogspot.com/">LINK2</a><br />
magasság: itt állíthatod be, milyen magas legyen a menü
szélesség: itt állíthatod be, milyen széles legyen a menü
háttérszín: itt állíthatod be, milyen színű legyen az alap háttér (első kép)
bal oldali szín: itt állíthatod be, milyen színű legyen a bal oldali kis rész
háttérszín: itt állíthatod be, milyen színű legyen a második háttér (második kép)
link: ide kell beilleszteni az URL címet










[A menükódért köszönet Aranymelinek!]

Kurzorok
A különféle kurzorokat, avagy kurzorkövetőket a következő helyen érhetitek el: http://www.cursors-4u.com/
Itt rengeteg félét kereshettek, s ha lejjebb görgettek, el is fogom magyarázni, hogy állíthatóak be.

Itt is lennénk. Bal oldalt láthatóak, milyen fajtában találhatók meg. Rengeteg fajtájú, színű, és követő közül lehet választani. Akik nem angolosok, nyugodjanak meg! Máris elmagyarázom, mi mit jelent.

Ha rámentek arra, amit szeretnék, kiadja alatta a csoportosítást. Mindegyiknél műdödik!

Ha megtaláltátok a tökéletest, és biztosak is vagytok benne, kattintsatok rá! 
Ehhez hasonló fog majd nektek is kijönni, csak a ti kiválasztottjaitokkal! 
Az első kódot kell kimásolnod egy HTML modulba. Javaslom, a modulok legvégére rakjátok, ahol nem hagy ki nagy helyet.



Ennyi lenne Drágáim, remélem tetszett, és használni tudjátok valamelyiket! Ha nem sikerült, nem érted, vagy csak túl bátortalan vagy ahhoz, hogy belekezdj, ne félj írni kommentben, vagy esetleg e-mailen. Nem harapok!


Fantáziáljatok sokat, Xx
Jelly ßelly

1 megjegyzés: