Design bejegyzés ||1 - Díszítőelemek + HTML kódok + Képcsomagok + Faviconok + Bloghátterek + Facebook borítóképek, Textúrák

Kedves olvasóink!

Meghoztuk az első design bejegyzést, de mielőtt tovább görgetnétek, elmondanánk a szabályokat, amik ezekre érvényesek. Gondolom azzal mindenki tisztában van, hogy semmilyen gyűjtést, semmilyen saját munkát nem mentünk le és teszünk ki sajátként. Ötleteket lehetőleg nem másolunk, kérünk titeket ezeket vegyétek figyelembe, ugyanis szerintem senkinek sem esne jól az, ha máshol látná meg a saját dolgait. A szolgáltatásokhoz ugyan ki van írva a PNG kép, de nem fogunk hozni. Ennek csakis egy oka van, mégpedig az, hogyha valaki szerkeszteni akar, az vág ki saját maga, ha pedig nem talál magának megfelelő képeket, ott a képcsomag amit ha szeretnétek akkor hozunk, legyen az effektes, tavaszias, havas, virágos, bármi. Ugyanúgy brushok sem lesznek, egyedül díszítőelemeket fogunk hozni, amik tényleg pontosan és szépen kivágottak, és tényleg bármihez felhasználhatóak, valószínűleg nektek is jobban fognak ezek tetszeni mint a saját készítésűek. 
Szóval, bombázzatok minket a kérésekkel, szívesen segítünk, úgyhogy ne féljetek használni a chat-et:)

Diana Lindsey: HTML kódok, textúrák, díszítőelemek, bloghátterek 
Katie Boo: Unalom fejlécek, Facebook borítóképek
Valerie Bridgweood: Képcsomagok
Zebi: Faviconok

Unalom Fejlécek: Van hogy az ember unalmában kicsit kreatívkodik. ELVINNI CSAKIS ENGEDÉLLYEL!

Első szín árnyalat.

Második színárnyalat.

Harmadik színárnyalat.

Facebook borítóképek: Rendelésre NEM csinálunk. Csak akkor hozunk ha készítünk.

Képcsomagok: Nem kell külön lementenetek őket, csak egyszerűen rányomtok a letöltés gombra, és már a számítógépeden is lesznek, úgy gondoljuk így sokkal egyszerűbb és gyorsabb lesz. Egyetlen bökkenő az, hogy ki kell csomagolni miután letöltöttétek, ezért ezt most szavakkal elmagyarázzuk nektek.

1. Szóval ugyebár az első lépés, hogy letöltitek. Gépektől függően mindenkinek máshova menti az internetről letöltött fájlokat, de általában erre a helyre szoktak kerülni: Számítógép -> Helyi lemez (C:) -> Felhasználók -> User -> Letöltések 

De mint mondom, ezek géptől függőek, hogyha szoktatok letölteni programokat meg ilyesmiket, biztosan fogjátok tudni. 

2. Miután ez megvan, akkor láttok ikonként egy lila-zöld-kék színekből álló könyvet egymásra rakosgatva. Arra kétszer kattintva bejön a WinRAR nevezetű program. Miután bejön, rögtön egy két pont nevű mappa van kijelölve. Arra megint kétszer kattintsatok. 

3. Most bejön rengeteg mappa, de ugyanúgy itt is automatikusan ki van jelölve egy. Ne csináljatok semmit, csak felül a menüsorban kattintsatok a "kibontás ide" nevezetűre. Ott kiválasztjátok, hogy hova akarjátok kicsomagolni, aztán értelemszerűen OK.

4. Egy mappának kell lennie a kiválasztott helyen, arra kattintva benne lesznek a képek eredeti méretben, amiket a képcsomagok előnézeténél tüntetünk fel. 

Hogyha esetleg nem ment valami, vagy elakadtatok, akkor írjatok a blog e-mail címére, és képekkel illusztrálva megpróbálunk segíteni:)

Lila képcsomag letöltése link:
http://sta.sh/download/7215365718885326/lila_k_eacute_pcsomag_by_dianalindsey-d6n1r7b.zip?token=d5ce3e709438257a40e01e67c649599da1b55ada&ts=1379704062

Őszies képcsomag letöltése link:
http://sta.sh/download/8899527333851905/szies_k_eacute_pcsomag_by_dianalindsey-d6n1xkp.zip?token=87555bcf79d7baed20e24aa8c511336dcf942f45&ts=1379704172

Díszítőelemek: Effektes, felhős, kapcsos, papíros

HTML kódok: Néhány egyedi különböző színű szövegdoboz, különböző aljú díszítéssel, leírással. 

A szövegdobozok szélessége mindegyiknél 270-300 pixel, szóval hogyha beillesztitek a kódot a modulsávba, fogjátok látni hogyan igazítsátok a blog modulsáv szélességét. A betűszín és a betűtípus alkalmazkodik ahhoz, amit ti állítottatok be a blogon, szóval azt nem kellesz átírni, és a szöveget sorkizárttá alakítja. A kódok előtti előnézeti képeknél nincs olyan fehér körvonal, ezt csak azért ilyen, mert nem tudtam PNG-be csinálni az alján lévő szerkesztés gomb miatt.
Hogyha van bármilyen kérdésetek ezzel kapcsolatban, esetleg olyan problémátok van, hogy a szövegben új sort akarsz kezdeni, akkor írj e-mailt:)

Kód: 

<style type="text/css">
#fejlec {
    background:url("link") no-repeat;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 4px;
    font-size: 14px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    height: auto;   
    width: auto;    
    line-height: 35px;   }

#total {
    width: 280px;}

#szelesseg {
    width: 270px;}

#tartalom {     
    background:url("http://kepfeltoltes.hu/130920/947567977N_vtelen1_www.kepfeltoltes.hu_.jpg") ;
    text-align: justify;
    padding-right: 5px;
    padding-left: 5px; }

#lablec {
    background:url("http://kepfeltoltes.hu/130920/40628042N_vtelen2_www.kepfeltoltes.hu_.png") ;
    height: 18px;       
    padding-left: 300px;
    font-family: Stencil STD;
    text-align: center;
    color: #ffffff;
    padding-right: 0px;
    padding-left: 0px;
    padding-top: 2px;
    padding-bottom: 0px;}</style>

<div id="total">
    <div id="fejlec">
        </div>
    <div id="tartalom">
        <div id="szelesseg">
            IDE ILLESZD BE A FELIRATOT

</div>
    </div>
    <div id="lablec">
        </div>
</div>

Kód:
 <style type="text/css">
#fejlec {
    background:url("link") no-repeat;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 4px;
    font-size: 14px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    height: auto;   
    width: auto;    
    line-height: 35px;   }

#total {
    width: 280px;}

#szelesseg {
    width: 270px;}

#tartalom {     
    background:url("http://kepfeltoltes.hu/130920/753705769N_vtelen1_www.kepfeltoltes.hu_.jpg") ;
    text-align: justify;
    padding-right: 5px;
    padding-left: 5px; }

#lablec {
    background:url("http://kepfeltoltes.hu/130920/1304743819N_vtelen1_www.kepfeltoltes.hu_.png") ;
    height: 18px;       
    padding-left: 300px;
    font-family: Stencil STD;
    text-align: center;
    color: #ffffff;
    padding-right: 0px;
    padding-left: 0px;
    padding-top: 2px;
    padding-bottom: 0px;}</style>

<div id="total">
    <div id="fejlec">
        </div>
    <div id="tartalom">
        <div id="szelesseg">
            IDE ILLESZD BE A SZÖVEGET

</div>
    </div>
    <div id="lablec">
        </div>
</div>

 Kód:
 <style type="text/css">
#fejlec {
    background:url("link") no-repeat;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 4px;
    font-size: 14px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    height: auto;  
    width: auto;   
    line-height: 35px;   }
#total {
    width: 280px;}
#szelesseg {
    width: 270px;}
#tartalom {    
    background:url("http://kepfeltoltes.hu/130920/778237662N_vtelen1_www.kepfeltoltes.hu_.jpg") ;
    text-align: justify;
    padding-right: 5px;
    padding-left: 5px; }
#lablec {
    background:url("http://kepfeltoltes.hu/130920/686944404N_vtelen1_www.kepfeltoltes.hu_.png") ;
    height: 18px;      
    padding-left: 300px;
    font-family: Stencil STD;
    text-align: center;
    color: #ffffff;
    padding-right: 0px;
    padding-left: 0px;
    padding-top: 2px;
    padding-bottom: 0px;}</style>
<div id="total">
    <div id="fejlec">
        </div>
    <div id="tartalom">
        <div id="szelesseg">

            IDE ILLESZD BE A FELIRATOT

</div>
    </div>
    <div id="lablec">
        </div>
</div>

Bloghátterek: Vegyes, mindenféle mintájú, méretű, színű. Elvileg nem mozaikosak és nem törnek meg, de ha mégis, akkor elnézést kérek érte. 

Faviconok: 

Textúrák: 

Reméljük, hogy hasznos volt ez a bejegyzés:)

Ölel titeket Katie Boo, Zebi, Valerie B. és Diana Lindsey