Alakul…
2006 december 11. | Szerző: Holli
Hát hogy egyik kedvenc íróm szavaival éljek, lassan, de biztosan haladok. Vagyis inkább biztos, hogy lassan…
Szóval nekiestem a blogom főoldali sablonjának (Beállítások – Sablonok – Főoldal). Nem sok maradt belőle, tulajdonképpen ennyi az egész:
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0 Transitional//EN”>
<html>
<head>
<title><!M!blog.cim!></title>
<script language=”JavaScript” src=”blog.js”></script>
</head>
<body>
<!M!blog.cim!>
<!M!blog.magamrol!>
<!M!blog.leiras!>
<!S!bejegyzes!nev:list!>
<!S!linkgaleria!azonosito:def!>
<!S!komment!azonosito:egyszeru;db:2!>
<!S!archivum!tipus:lista!>
<!S!szavazas!>
<!S!uzenofal!>
<a href='<!M!blog.rsslink!>’><img src=”https://www.cafeblog.hu/img/rss.gif” border=0 alt=”RSS”></a>
</body>
</html>
Mondtam, hogy néhány dolog így is valamennyire formázott maradt, rejtélyes módon. Hát a rejtély villámgyorsan megoldódott. Szerencsére segítséget kért tőlem valaki, aki megemlítette a sablondarabokat. Nos, a formázott részek a sablondarabokban vannak, a fenti részben az !S! kezdetű sorok oda küldik a főoldalt, a sablondarabokhoz.
Lecsupaszíthatnám a sablondarabokat is, de nekem azt nem nagyon éri meg, mert a bejegyzés-oldalon és az archívumban is hivatkozások vannak ezekre a részekre, de én csak a főoldalt akarom szétcincálni. (Szóval akit zavar ez a káosz a főoldalon, az kattintson a bejegyzés címére, vagy valamelyik hónapra az archívum menüpontban.)
(Az ide beírt néhány sort időközben töröltem, sajnos nem működik az elképzelés, pedig olyan jól kigondoltam… úgyhogy most vagy marad minden a régiben, vagy bevonom a gyötrésbe a többi blogoldalt is, vagy nem tudom, szabadságra megyek.)
Kikerült a linklistára egy Linkgaléria, amit nem én csináltam. Egyelőre nem találom a hozzá tartozó menüpontot, de szerintem hamarosan megjelenik majd, és akkor minden bizonnyal könnyen lehet linkeket kitenni a listára.
Én voltam
2006 december 7. | Szerző: Holli
A blogom attól néz ki olyan ijesztően, hogy eltüntettem róla majdnem minden formázást. Töröltem a stíluslapokat, és minden táblázatos sort (a sablonban az a sok td meg tr). Valamennyi mégis megmaradt, például a bejegyzések szövege nem megy ki a lap széléig, ezeket a formázásokat nem tudom elérni, abban meg egyelőre csak reménykedem, hogy felülírhatóak, no majd kiderül. De nem most. Most csak rombolás folyt 🙂 (A bejegyzés oldal és az archívum kinézete változatlan maradt.)
Hát ha még gondolkodtam is volna…
2006 december 2. | Szerző: Holli
Nagy ötlet volt, ráklikkelni egy gyári sablonra, persze megint erre a sima kékre.
Gondoltam, megér egy próbát, hátha visszaáll a rend. Úgy is lett, előkerült a főoldali sablonom, ennek borzasztóan örülök. Annak is örülök, hogy klikkelés előtt kimásoltam a afőoldal forráskódját, hogy ne kelljen újból kigondolni például a keretezett részek tulajdonságait.
Azt sajnos elfelejtettem, hogy a másik két sablont – az archív oldalt és a bejegyzés oldalt – is módosítgattam, így amiket ott ügyködtem, azok most mind eltűntek, no brávó 🙂
Hümmögés
2006 december 1. | Szerző: Holli
Ez most a lehető legrémesebb – halványkék blog középzöld háttérrel… brrrr 🙂
Voltak itt szép háttérképek. A nem ismétlődő, fix képekkel az a gond, hogy fixek. A leggyakoribb, 1024×768-as képernyőhöz vannak méretezve, így aztán ennél kisebb monitorról lemarad egy részük, a nagyobb monitoroknál meg üres lesz a háttér egy része.
Meg amiatt is szólt valaki, hogy ezektől a háttérképektől lelassul a letöltés, és utána is akadozik a görgetés. Sajnos ezt nem tudom tesztelni, a letöltési sebesség változása nálam nem tűnik fel.
Egyelőre nem tudni, mi az oka, de pont most eltűnt a blogomnak a főoldali sablonja, így aztán nem tudok másmilyen típusú háttérképet bepakolni. Marad most ez az állapot, hogy lehetetlen zöld-kék párosítást nézünk, amíg nem jön valaki szakember visszaadni a sablonomat 🙂
Már úgyis mindegy, szétszedtem akkor az archívum oldal sablonját: töröltem a táblázatos sorokat, és a meglévő stíluslapokat is. Most elég kutyául néz ki (a jobb oldali menüoszlopból lehet oda eljutni, az archívumban a novemberre kattintva. A bejegyzések fordított sorrendben jelennek meg.), ez a kisebbik rossz hír. A nagyobbik, hogy most így is marad, mert álmos vagyok 🙂 Hétvégén folytatom.
Linkgaléria óvatos duhajoknak
2006 november 21. | Szerző: Holli
Sablonhoz passzoló linklistát előállítani nem nehéz, csak picit másolgatni kell hozzá.
A tegnapi bejegyzésben leírtam, hogy ha a címeket h-s tagek közé, a linkeket pedig li-s tagek közé tesszük, akkor egészen aranyos linklistához lehet jutni. (Megtekinthető nálam, a Magamról rovatban, ha a bejegyzés címére kattintotok.) Van ugyanis a blognak előregyártott stíluslapja, ott van a nyoma a sablon tetején, külön fájlban található, ezért csak a hivatkozást lehet belőle látni:
<link rel=”stylesheet” href=”template_files/style.css” type=”text/css”>
<link rel=”stylesheet” href=”template_files/template.css” type=”text/css”>
Tulajdonképpen ez a klasszikus stíluslap, teljesen elkülönül a html-kódoktól. Ebben a formában nem módosítható, de ez talán nem is baj. Lényeg, hogy itt találhatók a blogra vonatkozó formázások, például az is, hogy milyen betűtípussal íródjanak ki a linkek. Ezért formázódik meg magától a linklistánk.
De ennél is tovább lehet menni úgy, hogy semmit nem kell konyítani a kódokhoz. Kell viszont valami szövegszerkesztő vagy jegyzettömb, ahová másolgatunk.
A Beállítások – Sablon – Sablondarabok közt van egy olyan, hogy Linkgaléria kerete. Erre kattintva előjön egy kódtömeg, ezt az egészet kimásolom egy word-dokumentumba vagy egy jegyzettömbbe.
Van egy olyan sor benne, hogy <!ciklus!>, ezt kitörlöm, és ennek a helyébe bemásolok egy másik kódtömeget. Ezt a másikat ugyanabban a menüpontban, a Linkgaléria sorai-nál találom. Most így néz ki ez az egész:
<tr><td height=”37″ class=”template_frame_title” align=”center” valign=”middle”>
Linkgaléria
</td></tr>
<tr><td align=”center”><div class=”template_default”><!M!linkg.cim!>
<table width=”185″cellpadding=”3″ cellspacing=”0″ border=”0″>
<tr><td width=”5″ valign=”middle”><img src=”template_files/potty.gif” width=”4″ height=”4″ border=”0″></td>
<td valign=”middle” width=”180″><a href=”<!M!link.url!>” class=”template_linkgaleria”><!M!link.leiras!></a></td></tr>
</table>
</div></td></tr>
Ezt a második beillesztett sort annyiszor pakolom be egymás után, ahány linket ki szeretnék tenni a blogomba.
Soronként kitörlöm a <!M!link.url!>-t, helyette beírom az oldal URL-jét, a <!M!link.leiras!> helyére pedig a linklistában megjelenő elnevezést írom be. Aztán ezt az egészet bemásolom például a Blog leírása rovatba. Most nálam is ki van téve a jobb oldali oszlopban.
Csoportokat úgy tudok csinálni, hogy az első három sor kivételével mindent megismétlek. Nekem most ilyen az a rész, amit beillesztettem a Blog leírásába (Beállítások menüpont):
<tr><td height=”37″ class=”template_frame_title” align=”center” valign=”middle”>
Linkgaléria
</td></tr>
<tr><td align=”center”><div class=”template_default”>első csoport
<table width=”185″cellpadding=”3″ cellspacing=”0″ border=”0″>
<tr><td width=”5″ valign=”middle”><img src=”template_files/potty.gif” width=”4″ height=”4″ border=”0″></td>
<td valign=”middle” width=”180″><a href=”http://cafeblog.hu” class=”template_linkgaleria”>cafeblog főoldal</a></td></tr>
<tr><td width=”5″ valign=”middle”><img src=”template_files/potty.gif” width=”4″ height=”4″ border=”0″></td>
<td valign=”middle” width=”180″><a href=”https://stilus.cafeblog.hu” class=”template_linkgaleria”>stílusosan</a></td></tr>
</table>
</div></td></tr>
<tr><td align=”center”><div class=”template_default”>második csoport
<table width=”185″cellpadding=”3″ cellspacing=”0″ border=”0″>
<tr><td width=”5″ valign=”middle”><img src=”template_files/potty.gif” width=”4″ height=”4″ border=”0″></td>
<td valign=”middle” width=”180″><a href=http://cafeblog.hu class=”template_linkgaleria”>főoldal</a></td></tr>
<tr><td width=”5″ valign=”middle”><img src=”template_files/potty.gif” width=”4″ height=”4″ border=”0″></td>
<td valign=”middle” width=”180″><a href=https://stilus.cafeblog.hu class=”template_linkgaleria”>stílus</a></td></tr>
</table>
</div></td></tr>
Egyáltalán nem vagyok biztos benne, hogy ez a legegyszerűbb módja a linklista készítésének, de ha van egy erre szolgáló menüpont, azt eddig még nem találtam meg 🙂
Jojjjj a lényeg
2006 november 20. | Szerző: Holli
Minden stíluslapos megoldás átültethető a blogba. A linkek formázása is, természetesen.
A Blogleírásba vagy a Személyes profil szerkesztése rovatba beteszem ezt a részt, ez pont olyan, mint a honlapon a <body> rész. Csak első ránézésre ijesztő, valójában tökegyforma sorok vannak benne, csak a honlapok elérési útjától tűnik bonyolultnak. Ilyen egy linkes sor:
<li><a href=”honlap url-je“>megjelenő név</a></li>
<div id=”linkjeim”>
<ul>
<h4>Alapok</h4>
<li><a href=”http://weblabor.hu/cikkek/cssalapjai1″>stíluslap-tanfolyam</a></li>
<li><a href=”http://htmlinfo.freeweb.hu/css_ref/css1.htm”>stíluslapok</a></li>
<li><a href=”http://szerver3.moragimi.sulinet.hu/Informatika/HTML/index.html”>
weblapkészítés</a></li>
<h4>Zen Garden</h4>
<li><a href=”http://www.csszengarden.com/tr/magyar/”>az alapváltozat…</a></li>
<h5>…és néhány gyönyörűség:</h5>
<li><a href=”http://www.csszengarden.com/tr/magyar/?
cssfile=/124/124.css&page=8″>teatime</a></li>
<li><a href=”http://www.csszengarden.com/tr/magyar/?
cssfile=/194/194.css&page=0″>dark rose</a></li>
<li><a href=”http://www.csszengarden.com/?
cssfile=/148/148.css&page=5″>museum</a></li>
<li><a href=”http://www.csszengarden.com/tr/magyar/?
cssfile=/067/067.css&page=15″>a silent strenght</a></li>
<li><a href=”http://www.csszengarden.com/tr/magyar/?
cssfile=/158/158.css&page=4″>a simple sunrise</a></li>
<li><a href=”http://www.csszengarden.com/tr/magyar/?
cssfile=/142/142.css&page=6″>invasion…</a></li>
<li><a href=”http://www.csszengarden.com/tr/magyar/?
cssfile=/135/135.css”>contemporary nouveau</a></li>
<li><a href=”http://www.csszengarden.com/tr/magyar/?
cssfile=/092/092.css&page=12″>port of call</a></li>
<h4>Cafeblog</h4>
<li><a href=”https://help.cafeblog.hu/”>help</a></li>
<li><a href=”http://cafeblog.hu/”>cafeblog főoldal</a></li>
</div>
Ez a blognak az összes oldalán látszódni fog: a főoldalon is, a bejegyzések oldalán is és az archív oldalon is.
A blogsablonban pedig megformázom ezt a blokkot, most csak a főoldali sablonban (a Nézet-Forrás menüpontban ez is megnézhető):
ul {
width: 196px;
margin: 0 0 0 -35px !important;
margin: 0; /*IE*/
list-style-type: none;
font-weight: bold;
}
#linkjeim a {
width: 196px;
text-decoration: none;
background-color: #EEEEFF;
color: #335588;
}
#linkjeim a:visited {
width: 196px;
background-color: #EEEEFF;
color: #5577AA;
}
#linkjeim a:hover {
width: 196px;
background-color: #FFFFFF;
color: #CC0033;
}
h4 {
background-color: #335588;
color: #ffffff;
padding: 1px 5px;
margin: 0;
}
h5 {
background-color: #5577AA;
color: #ffffff;
text-align: right;
padding: 1px 5px;
margin: 0;
}
A főoldalon látni, hogy a linkeknél a címek sötétkék háttérbe kerültek (az egyetlen alcím jobbra van igazítva), a linkek színe pirosra, háttere pedig fehérre változik, ha egérrel fölé megyünk.
A bejegyzések oldalán (vagyis a bejegyzés címére kattintva, ahol a kommentek is vannak) nem ilyen a linklista, hanem pöttyök vannak a linkek előtt, és egyáltalán, se nem formázatlan alapállapot, se nem olyan, amilyen a főoldalon.
Az benne a jó, hogy ehhez elég volt az első keretes részben lévő blokkot beillesztenem a Blogleírásba vagy a profilba, nem kellett a bejegyzésoldali sablont módosítanom. Erre még majd visszatérek.
Korhatáros bejegyzés!
2006 november 17. | Szerző: Holli
A fiataloknak biztosan gyorsabban megy ez az egész. Na de tessék belegondolni, a “Szabad időmben weblapokat készítek” kijelentés kinek a szájából hangzik izgalmasabban, egy gimnazista srácéból vagy egy nagymamáéból.
Képet feltölteni ugyanott lehet, ahol bejegyzést írni. A jobb oldali oszlopban, a Filekezelő-ben a piros csillagos sárga mappa ikonjára kell kattintani.
Feltöltött képet beilleszteni a szövegbe úgy lehet, hogy a jobb oldali képlistánkból kiválasztjuk a nekünk tetszőt, rákattintunk, aztán a bejegyzésszerkesztőben a felső sorban jobbról a negyedik ikonra, a lombos fára kattintunk. A kép ne legyen 460 pixelnél szélesebb, mert tönkreteszi a sablont.
A jobb oldali menüoszlopnak két rovata is van, ahová képet tehetünk: a Blog leírása és a Magamról rovatba. Előbbit a Beállításoknál lehet módosítani, utóbbit a Személyes profil szerkesztésénél. Ide a kép úgy kerül, hogy megadom az elérési útját, például <img src=”https://stilus.cafeblog.hu/files/stilus.png”>.
Linket betenni ide a bejegyzésbe úgy a legegyszerűbb, hogy kimásolom a címsorból, és ide beillesztem. Ekkor rendes link lesz belőle, csak az a hosszú hátétépés izé fog megjelenni a szövegben. Ezt úgy írom át, hogy a szerkesztőablak eszköztárának alsó sorából kiválasztom az utolsó előtti, csavarhúzószerű ikont, arra kattintva megkapom a bejegyzésem html-kódját, ott a linkben két egyforma címet találok, a másodikat tetszés szerinti szövegre cserélem. (Másképp is lehet, de én mindig elrontom, ez viszont biztos… :D)
A jobb oldali menübe úgy teszek be linket, hogy ezt a html-kódot használom. A játszós honlapomon 4 link is található, az egyik ez:
<a href=”https://stilus.cafeblog.hu/”>blogom</a>
A honlapon listázva vannak, itt is ki lehet próbálni <li></li> tagek közé tenni a linkeket. (Lehet vele egy csomó mindent kezdeni, de ez hétvégi téma, a linkcsicsázás.)
Szerintem a kategóriák megjelenítése még nem működik.
De ha már itt vagyok, leírom, hogyan lesz nekem szépen bekeretezve a szövegem. A Beállítások-Sablon menüpontban a head részbe beletettem a szokásos <style type=”text-css”> </style> tageket, közéjük pedig ezt a részt, a névnek ugyanennek kell lennie:
blockquote {
margin: 5px;
padding: 1px 5px;
border: 1px solid #ADBED3;
background-color: #F2F5F9;
}
Vagyis a halványkék idézet egy 1 pixeles keretbe kerül, ahol a külső margó körben 5 pixel, a belső margó pedig alul-felül 1 pixel, bal-jobb oldalon 5 pixel. Ez a rész akkor lép működésbe, ha a szövegrészt kijelölöm, és az eszköztár alsó sorában jobbról az ötödik ikonra, a behúzás növelésére kattintok – egy kis kék jobbranyíl van rajta.
Apró örömök
2006 november 11. | Szerző: Holli
A sablonba csak nagyon óvatosan éri meg belepiszkálni, érhetik meglepetések az embert. Nade. Itt van a blog leírása és a magamról rovat. Tulajdonképpen csak a hasáb szélessége szab határt a kreativitásunknak, ráadásul nem nagyon tudunk vele elrontani semmit. Az eddig kipróbált összes html-kód és stílusdefiníció működik, így lett nekem képes-linkes minitáblázatom a menüoszlopban.
Terápiás fáziskésés
2006 november 10. | Szerző: Holli
Jókor jött ez a szép új blog. Kezdtem már elragadtatva lenni magamtól, hogy milyen nagyon ügyes vagyok, csuklóból odavágok egy plusz hasábot a sablonba, például, meg egyáltalán, ideje lenne másik hegyet megmászni (másik szakadékba vetődni), nincs már ebben a blogosdiban semmi kihívás.
Pedig de. Pislogok most, mint a vett malac – tegnapelőtt azt hittem, hogy sima ügy, tegnap előbb reménytelennek látszott a helyzet, később zseniális gondolatom támadt, ma ott tartok, hogy végre vannak olyan részei a sablonnak, amivel már tudok mit kezdeni. Hát linkfalat berakni még nem tudok… 🙂
Szóval ha a blogom éppen egy originál gyári sablonban parádézik, az azért van, mert annyira elizéltem a kódokat, hogy egyszerűbb volt visszaállni az eredeti állapotra, mint helyrehozni a félrelépéseimet. (Nagyon szimpatikus lehetőség, hogy néhány lépés visszavonható.)
Az önbizalmamnak a html-centruma pedig visszafejlődött egy egészségesen megilletődött szintre.
Türelmet, de azonnal
2006 december 14. | Szerző: Holli
Elvileg van ez így. Gyakorlatilag most csúnyákat gondolok.
Na de tényleg, éppen azt akartam írni, hogy úgy néz ki, semmi galiba nem lett abból, hogy kiirtottam a készen kapott formázásokat.
A főoldalamat a mostani állapotában pont úgy lehet kezelni, ahogyan ezeket a kis honlapocskákat – van néhány sorom a body részben, és azokhoz mindenféle formázásokat gyártok a head részben, a stíluslapban.
Vagyis elvileg olyan kinézetű blogot csinálok magamnak, amilyet csak akarok.
De. Szívből jövő bánatomra megint eltűnt a főoldali sablonom, ami nem helyrehozhatatlan tragédia (csak újból ki kell választanom egy gyári sablont, aztán bemásolgatni az átszabott főoldalt meg a 12 darab átszabott sablondarabot), de most ehhez nincs valami nagy kedvem. Úgyhogy a bejegyzések címei kattintás után egyelőre szürkék maradnak, akkor is, ha nem szépek. (És igyekszem megtudni, hogy ez valami programozási hiba – örülnék neki -, vagy mégse jó ötlet megpiszkálni a sablonokat.)
Oldal ajánlása emailben
X