#O3 Elvihető fejlécek, #OO Betűtípusok, #Helyzetjelentés

Sziasztok manók! Mint láthattátok az előző posztban, design blogunk egy újabb ügyes bloggerinával bővült. Emily Rose ez a személy, akiről bevallhatom, hogy nagyon szépen szerkeszt. Lehet tőle is rendelni bármit, amit mondott (ami szerkesztéssel kapcsolatos természetesen). Ha te is szeretnél csatlakozni, nincs más dolgod mint írni egy emailt ide:

barbushglambert13@gmail.com
Nagyon várunk titeket új szerkesztő palánták, mert mindig van szükség újabb emberekre, akiktől szintén tanulhatunk. Reméljük lesz hű jelentkező.
A mai napon hozok nektek pár betűtípust és elvihető fejlécet meg pár szerelmes gifet. Vigyétek bátran, de ne feledjétek a FORRÁST oda írni. Szép délután!


Elvihető fejléc (több változatban)

5 db elvihető betűtípus (letöltésért kattints a képre!)

Remélem hasznotokra vált ez a bejegyzés, a legközelebbi a következő cikkünk lesz. Remélem most is sokan elolvassák! 

#HTML kódok 4.

Hello! Ma egy egyszerű segítséggel jöttem. Kérdezte egy bloggerina, hogyan is állítottam be a hátteret a szöveg alatt. Ma ezt szeretném megtanítani. Remélem sokat segítettem azoknak akik ezt eddig nem tudták!

1.) Nyisd meg a blogger.com-ot.
2.) Nyisd meg a blogod amit szerkeszteni kívánsz.
3.) Majd a SABLON-ra kattints rá!
4.) Ott lesz egy olyan fülecske, hogy " SZEMÉLYRE SZABÁS'' - arra katt. -
5.) Ott természetesen keresd ki a  " SPECIÁLIS " nevű fülecskét a személyre szabáson belül.
6.) Ott keresd ki szintén a " HÁTTEREK" fülecskét majd ott válaszd ki a színt, ami neked tetszik!

Ennyire egyszerű lenne!:) Holnap újabb HTML-kóddal jövök. 

#Fejléc készítése

A mai napon egy egyszerű fejléc készítési útmutatót raktam ki. A képeket egy jó barátnőm készítette mivel az én Photoshop-om eléggé bonyolult példánya van használva. Természetesen a képek alá is leírom, hogyan készíthető el. Remélem segített a bejegyzés, ha nem érted szólj bátran, segítek!

                 1. lépés: Természetesen nyisd meg a Photoshop-ot majd kattints a FÁJL -> ÚJ -ra.

                 2. lépés: Válaszd ki a megfelelő képet amit a fejléceden szeretnél látni.

                 3. lépés: Kattints a képen mutatott jelre, hogy láthasd a képet és a fejlécet is egyaránt!

                4. lépés: Kattints a "radír"-ra majd radírozd körbe a képet! VIGYÁZZ! Ne vágj bele a karakterbe!

                 5. lépés: A radír méretét beállíthatjátok a nektek megfelelőnek! (ajánlott a 21-es méret, hisz azzal talán könnyebb!)

                 6. lépés: Most jön a radírozás. Legyél pontos!

                   7. lépés: Utána a maradék kék hátteret vagy egyéb mást ami nem a karakter, szintén leradírozzuk.

                     8. lépés: A kivágott png-t természetesen a megfelelő méretre állítsuk át, hogy ráférjen a fejlécünkre!

9. lépés: Ha szeretnéd áthelyezni egyik pontból a másikba akkor arra az ikonra katt amerre a nyíl is mutat. Az egeret lenyomva tartva húzd át a png-t a fejlécedre!

10. lépés:  Itt persze tudod halványítani a háttérben lévő képeidet, szintúgy be tudod állítani melyik kép legyen elől avagy hátul. 

11. lépés: Ha szeretnél szöveget is rá tenni nincs más dolgod mint a " T " betűre kattintani, ahogy a nyíl is mutatja. 

12. lépés: Betudod állítani a szöveg betűtípusát, a méretét és a színét.

13. lépés: Ha kész vagy nincs más dolgod mint összeolvasztani a rétegeket. (lásd a képen) 

Ennyi lett volna egy egyszerű, még is nagyszerű fejléc elkészítése! Remélem hasznotokra lesz, lett. Még egyszer szeretném megköszönni a profi képeket a barátnőmnek! Xx

#HTML kód 2.

Sziasztok! Hoztam egy újabb HTML kódot nektek. Remélem hasznotokra válik. Ha valamit nem értenétek esetleg nem sikerülne nyugodtan jelezzetek. Ha vitted valamelyik HTML-t kérlek PIPÁLJ vagy írj MEGJEGYZÉST! Figyelem!  Ahol látjátok a blog URL linkjét ott cseréljétek ki a tietekre, szintúgy a menü nevét. ZÖLDDEL fogom kijelölni mit cserélj!

Hogyan tegyem be és hova?
Ez egy kis segítség azoknak akik kezdők még a blogolásban!
blogger.com --> *megnyitod a kiválasztott blogot* --> elrendezés --> modul hozzáadása --> HTML/javascript --> *beilleszted a kimásolt kódot*

CSS kódja [menü HTML]

CSS kód
<style type="text/css">
#menu {
        width: 200px;
        text-align: center;
}

#menu ul {
        list-style: none;
        margin: 0;
        padding: 0;zz
        background-color: #ffffff;
}

#menu a {
        font-family: verdana, tahoma, arial, sans-serif;
        font-size: 11px;
        display: block;
        margin: 0;
        padding: 2px 3px;
        color: #666666;
        background: #F4F6F4;
        text-decoration: none;
        border: 1px solid #ffffff;
}

#menu a:hover {
        color: #72815F;
        background: #DAE6BD;
        cursor: crosshair;
}

#menu li {
        position: relative;
        padding: 0;
}

#menu ul li ul {
        position: absolute;
        top: 0;
        left: 100%;
        width: 200px;
}

#menu ul li ul{
        display: none;
}

#menu ul li:hover ul{
        display: block;
}</style>

Menükódja:

<div id="menu">
    <ul>
        <li>
            <a href="http://aranymeli.gportal.hu/">Home</a></li>
        <li>
            <a href="http://aranymeli.gportal.hu/gindex.php?pg=20199690">Segítségek</a>
            <ul>
                <li>
                    <a href="http://aranymeli.gportal.hu/gindex.php?pg=30882859">CuteNews</a></li>
                <li>
                    <a href="http://aranymeli.gportal.hu/gindex.php?pg=20540035">Coppermine Gallery</a></li>
                <li>
                    <a href="http://aranymeli.gportal.hu/gindex.php?pg=18836890">CSS kódok</a></li>
            </ul>
        </li>
        <li>
            <a href="http://aranymeli.gportal.hu/gindex.php?pg=19322271">Graphics</a>
            <ul>
                <li>
                    <a href="http://aranymeli.gportal.hu/gindex.php?pg=31853544">Brush-es</a></li>
                <li>
                    <a href="http://aranymeli.gportal.hu/gindex.php?pg=31853545">Hátterek</a></li>
                <li>
                    <a href="http://aranymeli.gportal.hu/gindex.php?pg=33127082">PNG képek</a></li>
            </ul>
        </li>
        <li>
            <a href="http://aranymeli.gportal.hu/gindex.php?pg=18012139">Scripts</a></li>
    </ul>
</div>