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

Blog modul egyedi modulstílussal

Nagy nehezen megoldódott ez a cikk is. Az az a cikkhez tartozó kód :) Bár sajnos még mindig nem tökéletes. A kód Mozilla Firefox-ban, Chrome-ban és Operában meg lett nézve és ott jól működik. Sajnos Internet Explorer-ben elcsúszik a szövegdoboz, így ott nem mutat jól.
És köszönöm a Webmesternek és a G-Portálnak, hogy segítettek a blog modulban. Nélkülük nem ment volna.

Haladó felhasználók számára!!!!!!

Az első és legfontosabb: jelenítsd meg a blogodban a hozzászólásokat, mert az a rész a blog alja és, ha az nincs megjelenítve akkor a kód már nem is lesz jó.
A második fontos dolog pedig, hogy NE legyen a megosztás közösségi oldalon rész bepipálva.

Szóval ahhoz, hogy a blogodban is tudj tenni egyedi modulstílust, ami ilyesmi képet fog adni, persze más és más szövegdobozokkal (katt a képre a nagyobb méretért):

A CSS kódot jobb vagy bal oldalra kell beilleszteni egyszerű modulban.
Ha megírtad a cikkedet ami hasonlóan fog kinézni...:

Szóval ha kész a cikk, menj Forráskód nézetbe és a sor elejére illeszd be ezt ide a legelejére:
<div class="blogtartalom">

A leges legvégére pedig ezt illesz be, ha már nem lenne ott:
</div>

Ez azért kell, mert a CSS kódban van az a rész, hogy .blogtartalom. Ide megy a szövegdoboz háttere. Ha ezt a kódot nem illeszted be a blogodba, akkor nem lesz jó. És ez a .blogtartalom kell ahhoz is, hogy a szövegdobozban milyen, mekkora, milyen színű legyen a betűd. Ezt a kódot mindig be kell illeszteni a szöveged elé és végére, mikor új cikket írsz!!!!!!!!

A Stílus és felületben a beállítás beton legyen.
Ez a kód és beállítás erre a szövegdobozra értendő. Ha te más méretű szövegdobozt készítesz a blogodnak, akkor mindenféle érték a CSS-ben már nem lesz érvényes. Akkor neked kell kitapasztalnod, hogy hova milyen értéket kell írnod. Gondolok itt ilyen értékekre, mint pl. margin, padding, width, height. Ez igazi türelemjáték. Sajnos nem egyszerű :(

És akkor a kód hozzá:

<style type="text/css">
h2 {
/* a blog modul cím része. ide jön a modulstílusod fejléc képe */
        background: transparent;
        background-image: url(//aranymeli.gportal.hu/portal/aranymeli/image/gallery/1287171282_47.png);
        font-family: georgia;
        text-shadow: #c7c4c7 2px 2px 2px;
        color: #000000;
        font-weight: bold;
        font-style: italic;
        text-align: center;
        line-height: 70px;       
        HEIGHT: 120px;}

td.blogcommentcount {
/* a blog modul alja a főoldalon. Ide jön a modulstílusod lábléc része */
        background-image: url(//aranymeli.gportal.hu/portal/aranymeli/image/gallery/1287172388_05.png);
        font-family: georgia;
        text-align: left;
        HEIGHT: 134px;
        padding-right: 480px;
        padding-bottom: 0px;
        background-color: transparent;}

td.blogback2blog {
/* a blog modul alja ahol a vissza a bloghoz link van. Ide is jön a modulstílusod lábléc része */
        background-image: url(//aranymeli.gportal.hu/portal/aranymeli/image/gallery/1287172388_05.png);
        font-family: georgia;
        text-align: left;
        HEIGHT: 134px;
        padding-right: 480px;
        padding-bottom: 0px;
        background-color: transparent;}

.blogtartalom { /* a tartalmi rész kódja. Ide jön a modulstílusod háttér része */
        background-color: transparent;
        background-image: url(//aranymeli.gportal.hu/portal/aranymeli/image/gallery/1287171275_28.png);
    font-size: 12px;
    font-style: italic;
    font-family: "Trebuchet MS";
    color: #000000;
    padding-top: 0px;
    line-height: 15px;
    padding-right: 60px;
    padding-bottom: 0px;
    padding-left: 35px;
    margin-bottom: -12px;}

.txtbold {  /*  blog hozzászóló nevének kinézete v. az alcím kinézete. Háttérnek ide is a blogartalom hátterét kell beilleszteni.  */
    background-color: transparent;
    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 13px !important;
    color: #3c3e50 !important;
    font-weight: normal !important;
    font-style: normal !important;
    text-align: right;
    text-transform: none;
    margin-top: -8px !important;
     padding: 0px 50px 50px 0px;
     background-image: url(//aranymeli.gportal.hu/portal/aranymeli/image/gallery/1287171275_28.png);
}

 .blogmorelink { /* a bővebben link kinézete alul a blogban. Ide is a blogtartalom hátterét kell beilleszteni */
    background-color: transparent;
    font-family: tahoma;
    font-size: 13px !important;
    color: #3c3e50 !important;
    font-weight: normal !important;
    font-style: normal !important;
    text-align: center;
    text-transform:uppercase;
    margin: 10px 0px -5px 0px !important;
     padding: 0px 0px 20px 0px;
     background-image: url(//aranymeli.gportal.hu/portal/aranymeli/image/gallery/1287171275_28.png);
}
.blogmorelink a:link, .blogmorelink a:visited {
     color: #DD9D97!important;
     font-weight: solid;
     font-style: normal!important;
     text-decoration: none;
}

.blogmorelink a:hover {
     color: #000000!important;
}

td.list1 { /* ezt hagyd transparent-en-átlátszón, mert ha átírod a blog modul alsó részén akkor ott lesz neked oda nem illő háttérszíned */
        background-color: transparent;}

td.modbody {
        background-color: transparent;}
--></style>
 

Ha ezt a kódot így, ahogy van próbának használod annak működnie kell nálad is, ha mindent pontosan úgy csináltál, ahogy ide le van írva, mert a kód ki van próbálva!!!!

Ha valami ötleted, kérésed, kérdésed van, akkor itt megteheted:

18 hozzászólás
Idézet
2014.05.23. 14:55
kimaradtdolgok

Nekem sikerült el kell tüntetni a dátumot és hogy megosztásokat


2013.03.29 10:01
Emci

„ Kedves, Szar és még sok háborgó emberke. Mielőtt használtok akármit is oda van írva: A KÓDOT CSAK SAJÁT FELELŐSÉGRE HASZNÁLD!!!!!!!

Hanyas betű mérettel legyen kírva, hogy érthető is legyen????

A másik, van egy olyan funckió itt, hogy: A KÓDOK KIPRÓBÁLÁSA!

Szerintetetk minek van pórfogónak?

Mielőtt neki álltok, háborogni, légyszi, nézetek már körbe és használjátok már azt az üres göm szerű izét amit szemgolyónak neveztek.

Köszönöm

Mindenkit megnyugtatására, a méretezésekkel van a gond.

 

Idézet
2013.04.05. 11:07
Becky

hali.. kéne egy kis segítség:$

Idézet
2013.03.29. 10:13
Viveka

Kipróbáltam, nálam, jó, azzala  szépséghibával, hogy csak fejléc és lábléc van a közepe ugyan olyan, és mindent úgy csináltam ahogy le van írva.

Idézet
2013.03.29. 10:01
Emci

Kedves, Szar és még sok háborgó emberke. Mielőtt használtok akármit is oda van írva: A KÓDOT CSAK SAJÁT FELELŐSÉGRE HASZNÁLD!!!!!!!

Hanyas betű mérettel legyen kírva, hogy érthető is legyen????

A másik, van egy olyan funckió itt, hogy: A KÓDOK KIPRÓBÁLÁSA!

Szerintetetk minek van pórfogónak?

Mielőtt neki álltok, háborogni, légyszi, nézetek már körbe és használjátok már azt az üres göm szerű izét amit szemgolyónak neveztek.

Köszönöm

Mindenkit megnyugtatására, a méretezésekkel van a gond.

 

Idézet
2013.03.22. 19:28
SZAR

MIATTAD ELBASZTAM AZ EGÉSZ OLDALAM. BESZÚRTAM A KÓDOT ÉS MEGSZŰNT MINDEN. KURVÁRA. FEKETE MINDENSÉG, ODA LETT KURVASOK TARTALOM.-.-

Idézet
2013.01.27. 17:38
emii.

nekem sikerült, DE lenne egy kérdésem: a blog modul menüfejlécét hogy lehet eltűntetni? mert most minden szép és jó, de az a csík ott felül rodadtul zavar... :(

Idézet
2012.07.04. 14:00
bundy

Nekem se sikerült de miért nem ? mi a hiba ?

10 kreditet adok annak aki segit kijavitani a kodot h a kod jol mutasson az oldalon jobb ötletem nincs

Idézet
2011.11.19. 12:43
heel.

Na szóval elsőnek nekem se ment, sőt még most se tökéletes, de annyi a lényeg, hogy a szélességet, magasságot stb. át kell irni mind pontosan olyanra, amilyen Neked megfelel. Ez csak igy működik, szerintem. 

Idézet
2011.09.10. 18:31
heel.

zerintem Nálad is a méretezéssel van a gond. Mármint az oldal szélesség meg ilyesmi ...

Idézet
2011.08.19. 10:10
kitty

Nekem is pont az a bajom h a háttér része nem jelenik meg, helyette a fejléc egy kis része :\ valaki nem tudja h kell ezt megcsinálni?

Idézet
2011.08.05. 13:31
nóri

nekem egyszerűen nem megy. pedig leírás alapján csináltam :S

Idézet
2011.08.04. 22:22
ZaZu

Ez mind szép és jó sikerült is, de az a fránya facebook,tetszik, iwiw és twitter gombok nagyon csúnyán takarják a cuccost :/

Idézet
2011.01.27. 22:05
Brigi

Ejj, ezek a hátterekXD Értesíts ha sikerült:D Én most egy időre feladtam, majd még próbálkozom vele:)

Idézet
2011.01.15. 20:41
Vixii*

Brigi nekem is pont ez a baj a háttér meg sehol!! De én nem adom fel vmikor úgy is sikerül xD :)

Idézet
2011.01.12. 20:01
Brigi

Nekem sem sikerül:( Beállítottam a fejéc maggasságát, amekkora a fejléc png-é, beteszi egyszer, meg a teteje látszik még egypicit, a háttér rész pedig meg sem jelenik:(

Idézet
2011.01.07. 21:38
Vixii*

Nekem nem sikrül :(:(:( de majd még próbálkozom :) :(

Idézet
2010.10.18. 13:20
rami

Végre egy érthető leírás! :) Köszönöm :D

Idézet
2010.10.17. 13:09
Fanni

Nagyon szépen köszönöm a leírást Lindadesign!!! =D

 

Szeretnél egy jó receptet? Látogass el oldalamra, szeretettel várlak!    *****    Minõségi Homlokzati Hõszigetelés. Vállaljuk családi házak, lakások, nyaralók és egyéb épületek homlokzati szigetelését.    *****    Amway termék elérhetõ áron!Tudta, hogy az általános tisztítószer akár 333 felmosásra is alkalmas?Több info a weboldalon    *****    Florence Pugh magyar rajongói oldal. Ismerd meg és kövesd az angol színésznõ karrierj&#232;t!    *****    Fele királyságomat nektek adom, hisz csak rátok vár ez a mesebirodalom! - Új menüpont a Mesetárban! Nézz be te is!    *****    DMT Trip napló, versek, történetek, absztrakt agymenés:)    *****    Elindult a Játék határok nélkül blog! Részletes információ az összes adásról, melyben a magyarok játszottak + egyéb infó    *****    Florence Pugh Hungary - Ismerd meg az Oppenheimer és a Dûne 2. sztárját.    *****    Megnyílt az F-Zero Hungary! Ismerd meg a Nintendo legdinamikusabb versenyjáték-sorozatát! Folyamatosan bõvülõ tartalom.    *****    A Cheer Danshi!! nem futott nagyot, mégis érdemes egy esélyt adni neki. Olvass róla az Anime Odyssey blogban!    *****    A 1080° Avalanche egy méltatlanul figyelmen kívül hagyott játék, pedig a Nintendo egyik remekmûve. Olvass róla!    *****    Gundel Takács Gábor egy különleges könyvet adott ki, ahol kiváló sportolókkal a sport mélységébe nyerhetünk betekintést.    *****    21 napos életmódváltás program csatlakozz hozzánk még!Január 28-ig 10% kedvezménnyel plusz ajándékkal tudod megvásárolni    *****    Szeretne egy olyan általános tisztítószert ami 333 felmosásra is elegendõ? Szeretne ha csíkmentes lenne? Részletek itt!!    *****    Új játék érkezett a Mesetárba! Elõ a papírral, ollóval, és gyertek barkácsolni!    *****    Tisztítószerek a legjobb áron! Hatékonyság felsõfoka! 333 felmosásra elengedõ általános tisztítószer! Vásároljon még ma!    *****    Hayashibara Megumi és Okui Masami rajongói oldal! Albumok, dalszövegek, és sok más. Folyamatosan frissülõ tartalom.    *****    A legfrissebb hírek a Super Mario világából és a legteljesebb adatbázis a Mario játékokról.Folyamatosan bõvülõ tartalom.    *****    333 Felmosásra elegendõ! Szeretne gazdaságosan felmosni? Szeretne kiváló általános tisztítószert? Kiváló tisztítószerek!    *****    Ha tél, akkor téli sportok! De akár videojáték formájában is játszhatjuk õket. A 1080°Snowboarding egy kiváló példa erre