Mit tud és mit nem tud?
2012. január 28.Lássuk, mit tud most a blog és a szerver.
A blog azt tudja, amit egy FlatPress-meghajtású blognak tudni kell, plusz van benne egy-két saját gyártmányú plugin, amiket majd publikálok, ha azt látom, hogy tényleg zizegnek. Ebből az olvasó számára egyelőre annyi látszik, hogy a blogcikkek a régi típusú, sorszámozott linkekre is megjelennek.
A LAttilaD.org 1.0-val összehasonlítva:
– más a kép, a szöveget sorkizártuk és elválasztottuk, jobbról egy barna sávon sorakoznak a más blogokból is ismert kezelőszervek;
– másképpen kell hozzászólást írni, de ennek módja a legtöbb olvasónak feltehetően ismerős lesz, ismerősebb, mint a régi módszer;
– a cikkek többsége nagyjából vagy teljesen azonos a régivel, kivéve egyes idegen írásrendszereket, egyéb speciális funkciókat (az átvizsgálás és javítás folyik, fokozatosan ki fogom javítani az összes cikket);
– a kategóriába sorolás csak az utolsó tíz hónapban írt cikkeknél van meg (folyamatban), címkéket pedig még egyáltalán nem adtam;
– a régi blogban írt hozzászólásokat még nem hoztam át, és az osztályzatok kezelése sincs még meg.
És a facebookos Like gomb mintha nem működne.
A szerver többi szolgáltatása elvileg hibátlanul működik. Egypárat kipróbáltam közülük, azok rendben voltak. Viszont egyelőre nincs rájuk hivatkozás a FlatPress-rendszerből, ezt is későbbre halasztottam.
|
Osztályzat: – |
Új hozzászólás
Töltsd ki az alábbi űrlapot hozzászólás küldéséhez
2012. január 29., vasárnap - 19:37:13
Mindig utáltam a sorkizárt igazítást. Nyomtatott sajtóban, ahol a keskeny hasábokat a szem kényelmesen átlátja teljes szélességükben, ott még rendben volna. De teljes lapszélességű szövegnél, ide sorolva a web lapokat is, az én szemem számára az írás egyenetlen jobb széle amolyan „szamárvezetőként” szolgál.
Firefox, Chrome, Opera és más ezekkel megegyező motorú böngészőkben is, valamiért vízszintesen görgetősek a web lapok. Firefox az oldalsávot legalább a lapok zöld fejlécsávja alá teszi, de a többiek az oldalsávot ráadásul letolják a tartalom alá. Sok dolga lesz még ezen Stylishnak amíg az új formatervet élvezni fogom…
2012. január 29., vasárnap - 20:02:03
Úgy tűnik, lesz itt dolga másnak is, például AdBlock Plus-nak. Firefox 9.0.1 elhalálozik ha a nyitó lapon be van töltve a hyphenate.js. Érdekes, hogy se más lap, se más böngésző nem műveli ezt. Na mindegy, nem kár érte, a szótagolást is utálom.
2012. január 29., vasárnap - 20:40:39
Nem tudom, nekem a Chrome nem tolja el az oldalsávot, szépen mellette van. Milyen felbontásban megy a Firefoxod?
Azt se tudom, hogy a Hyphenatorral mi baja lehet. Mindenesetre: ez egy kísérlet. Még minden képlékeny. Ha a böngik egy részének baja van a Hyphenatorral, az ok lehet arra, hogy megváljunk tőle, és vele együtt a sorkizárástól, mert elválasztás nélkül nem zárunk sorki.
2012. január 29., vasárnap - 20:41:18
Azazhogy itt a kommentárokban valamiért sorkizárunk elválasztás nélkül, de meg fogom kérni, hogy ne tegyük, mert ronda. Válasszunk csak el szépen itt is.
2012. január 30., hétfő - 12:05:06
1024*768 mínusz az eszköztár magassága a képernyő alján. Feltöltöttem ide egy képernyőképet:
http://imageshack.us/photo/my-images/803/chromiumoldalsav.png/
Ami hyphenate.js-t illeti, megemlítendő, hogy valószínűleg nem ő a hibás. A 9-es verzióban a Firefox vadonatúj hibákat kapott.
2012. január 30., hétfő - 12:15:13
Ennek a felbontásnak elégnek kellene lennie. De akkor bizonyára a róka hibája.
2012. január 30., hétfő - 14:01:04
Ha a rókáé, akkor a Chrome-é és az Operáé is.
A vízszintes görgetésre két okot látok:
#footer – width: 100%; padding: 10px
Összeadva ez bő ok arra, hogy szélesebb legyen a teljes lapszélességnél.
#sidebar – width: 20% (1024 esetén 204px)
#sidebar ul – margin-right: 1.5em (16pt esetén 53px)
#sidebar input – width: 200px
Kivonva a 204-53<200 is ok arra, hogy ne férjen el a fenntartott szélességen.
Az oldalsáv elcsúszásra pedig egyet:
#sidebar – width: 20% (1024 esetén 204px); padding: 1.538em 0.769em (16pt esetén 16px mindkét oldalon)
#sidebar blockquote – width: 90%
Az oldalsáv 204-16*2=172 szélessége önmagában is kevés némely benne levő számára, erre a blockquote már csak rátesz egy lapáttal.
Én inkább arra volnék kíváncsi, hogy miféle böngészőben jelenhet ez meg jól.
2012. január 30., hétfő - 14:04:25
BrowserShots jóvoltából sikerült megtekinteni egy Explorer 7 képernyőképet is. Ugyanolyan ronda mint a többi böngészőben.
2012. január 30., hétfő - 20:38:15
Ezek a számok eléggé megleptek. Nem vagyok egy nagy CSS-virtuóz (eufemizmus ahelyett, hogy örülök, ha elemi dolgokat meg tudok csinálni), de azt reméltem, hogy túl nagy hülyeségeket nem fogok írni. Hamarosan átnézem a számokat és megyek javítani, mindazonáltal nekem istók zicsi megjelenik gyönyörű szépen. Ez Chrome 16, 1366·768-as felbontáson.
2012. január 30., hétfő - 20:46:26
Azt hiszem, valamit félreértettem a doksiban… az előző hozzászóláshoz én mellékeltem képet is, de nem jelent meg se BBCode-dal, se HTML-lel. Majd rákérdezek. Mindenesetre
http://lattilad.org/f/fp-content/images/2860-1.jpg
cím alatt megnézhető.
2012. január 31., kedd - 12:20:34
Akkora felbontásban valószínűleg már beférnek a dolgok az oldalsávba, amitől csökken a hibatényezők száma. Sajnálom, ezt nem próbálom ki, 1024-nél nagyobb felbontás be sincs állítva nálam.
A számokat félretéve, a levonandó következtetés csak annyi volna, hogy nem üdvös keverni a relatív és abszolút mértékegységeket. Ha az oldalsáv szélességét százalékban adtad meg, úgy add meg a belekerülő dolgok szélességét is.
2012. január 31., kedd - 14:13:05
Rendicsek. Akartam volna, de mire tegnap hozzájutottam, a szolgáltatóm kihúzta a csatlakozót és nekiállt karbantartani.
2012. január 31., kedd - 15:24:16
Kicsit már bütyköltem a stíluslapon, de én úgyse látok lényegi változást, nézd meg, kérlek. Viszont 7-es számú megjegyzésedre visszatérnék. A vízszintes görgetéssel az a fő baj, hogy a Like gomb szürke csíkja minden erőfeszítésem dacára messze kinyúlik jobbra a sidebarból. Egyszerűen akárhova kalimpálok a stíluslapon, nem tudom rávenni, hogy másmilyen legyen.
2012. február 1., szerda - 11:42:41
Bocs, tegnap nem vettem észre ezt a válaszod. Úgyhogy meg is ragadnám az alkalmat, hogy szóvá tegyem, hogy számomra az utolsó hozzászólások listája nehezen áttekinthető:
- a border miatt nagyon szétszórtak
- a cikk címmel egybe vett hozzászóló név miatt nehezen azonosíthatóak a cikkek
- a dátum hiánya miatt nehezen követhető, hogy melyik mennyire új (az a:visited teljes hiánya miatt úgyis nehezen követhető, hogy mi olvasatlan)
- 8 kevés (legalábbis jelenleg, hogy sűrűn pofázok)
- a törölt hozzászólások nem tűnnek el a listából
Ezek így együtt már kellemetlen élményt nyújtanak.
Ami a FrászBook gomb kinyúlását illeti, nem említettem, mert nem zavart, ugyanis nálam blokkolva van.
Ami jelenleg a legcsúnyább, a kereső inputok 200 pixeles szélessége. Például 90% jobban nézne ki. Ezzel megszűnne a kilógás és a vízszintes görgetés.
A másik ami sok, a #main paddingje. Például ha a jobb oldali .5em lenne, az is elegendő volna. Ezzel beférne mellé az oldalsáv és felcsusszanna a fejléc alá. Persze a teljesen hordozható megoldás az volna, hogy a #main és a #sidebar esetében is a padding százalékban legyen megadva.
2012. február 1., szerda - 11:58:44
A lájk esete lemaradt. Ott az iframe mérete a gond. Ez megoldja a kilógást, de bejön a sortörés ami miatt megnő a magassága, ami miatt elcsúszik a szürke háttérhez képest:
#widget-facebooklike iframe { width: 100% !important; }Bár egy
hatékonyabb volna…
2012. február 1., szerda - 17:54:56
Oké, a hozzászólások számát föltettem húszra, elvégre nyúlhat az a sidebar akármeddig, csak ettől nem láttam húsz hozzászólást, mert a cache-be attól nem kerül be több. Kiürítettem a cache-t és reméltem, hogy újra tudom építeni… jobbra látod, hogy nem tudtam…
2012. február 1., szerda - 18:02:56
A stílusváltásokat, amiket mondtál, megcsináltam, a like-ért nagy köszi, nekem most már nem akar jobbra scrollozni. A kereső és a main paddingje nálam nem mutat változást, majd mondd el, hogy Nálad milyen.
Tényleg nagyon jó lenne, ha sikerülne saját stíluslapot csinálniuk felhasználóinknak. Most már látom, hogy nemcsak azért, mert akkor mindenki a neki tetsző színekben, méretekben, arányokban látná a blogot, hanem mert ezekből a stílusokból én is tanulnék, átvennék fogásokat. Tegnap órákig tököltem ezzel, de nem jutottam eredményre. Akárhol próbálom belinkelni az alternatív stíluslapot, a kiküldött oldalban akkor is az eredeti linkje van. A hiba oka világosan az, hogy fogalmam sincs a FlatPress lelkivilágáról, nem tudom a végrehajtás sorrendjét, semmit se tudok. Megkérdeztem a szakértőket, de még nem érkezett válasz.
2012. február 1., szerda - 19:26:37
Ez az, mindenki beállt a helyére.
Ami a testreszabást illeti, nem tudom hogyan pontosabban hogyan képzelted el. De ha úgy, hogy mindenki mindent állíthat, attól tartok úgy nem fog menni. A FlatPress egészen szép tiszta dokumentum szerkezettel dolgozik, de a teljes szájízre szabás akkor is sok. Olyan oldal esetében sem tettem meg amelyen napi több órát töltök, a LAttilaD.org-ra viszont nagyjából csak cikkenként egyszer jövök.
Alapjából két járható utat látok:
* alternatív stíluslap – több stílust készítesz elő és a HTML dokumentumokban mindegyikre hivatkozol, valahogy így:
Azaz:
- aminek a rel attribútumában nem szerepel „alternate”, azt használja alapértelmezetten
- aminek a rel attribútumában „alternate” is szerepel, azt alapból be sem tölti
- aminek van title attribútuma, azt a böngésző a View | Page style parancsnál felsorolja és lehet közülük választani, ezek közül csak az egyik lehet aktív
- aminek nincs title attribútuma, azt minden esetbe használja az éppen aktív title-os kiegészítéseként
Előnye: Firefox és Opera (valamint hasonló motort használó) böngészőkben a lap újratöltése nélkül, gyorsan lehet váltani.
Hátránya: a stílusválasztást a böngészők még mindig nem jegyzik meg, a választás megtartásához böngésző kiegészítőre vagy egy nyúlfarknyi szkriptre és egy sütire van szükség.
Példa: http://w3.org/Style/ .
* sablon alapú megoldás – sablont készítesz, aminek egyes elemei számára a látogató adhat meg értéket, valahogy így:
body { color: {{szovegszin}}; background-color: {{hatterszin}}; }Persze nem muszáj kézzel leprogramozni, LESS ( http://lesscss.org/ ), Sass ( http://sass-lang.com/ ), xCSS ( http://xcss.antpaw.org/ ), HSS ( http://ncannasse.fr/projects/hss ), CleverCSS ( http://sandbox.pocoo.org/clevercss/ ) vagy más hasonló CSS bővítés segítségével nemcsak változók, de függvények is használhatóak a stíluslapban. De a legsimább ügy maga a PHP volna, például:
<?php $allitas=explode('|',$_COOKIE['allitas']?:'silver|black'); ?> body { color: <?php echo $allitas[0]; ?>; background-color: <?php echo $allitas[1]; ?>; }Előnye: a néhány állítható érték számára egyszerű felhasználóbarát konfiguráló űrlapot összedobni, az állítások bőven elférnek egy sütiben.
Hátránya: ha törlődik a süti, ugrottak az állítások. Persze ha a személyre szabáshoz regisztráció és bejelentkezés kell, akkor a hátrány elmarad.
Ennél mélyebben szerintem nem érdemes belebonyolódni az állíthatóságba, hacsak nem magad mulattatására teszed.
Egy másik lehetséges út, de a Te szempontodból nem nevezném járhatónak, a http://userstyles.org/ közzétenni amolyan foltokat az oldaladhoz, amit aztán az érdeklődők telepítenek a böngészőjük megfelelő kiegészítőjébe. Azaz Firefox esetén Stylish-ba. Tulajdonképpen ezt használom jelenleg a ló betűid csökkentésére.
2012. február 1., szerda - 20:00:12
Jelenleg úgy szól az elképzelés, hogy a komplett stíluslapot lehessen kicserélni, de persze nem üresből újraírni. Egy oldalt kapnátok, rajta a meglevő stíluslapok listájával és egy szövegdobozzal, amibe át lehet tenni bármelyik stíluslapot, változtatni rajta és a régi vagy új néven kimenteni. Kezdetnek rögtön ott lenne a jelenlegi stíluslap, és ha például a ló betűimet akarod megváltoztatni, csak néhány betűméretet írsz át bennük.
Viszont ezekkel, amiket felsoroltál, elhelyeztél a fülemben egy bogarat. Az alternatív stíluslappal az a baj, hogy nekem kellene mindet megcsinálni, ami elég nagy munka egy embernek, ráadásul nekem kellene kitalálnom azt is, hogy az olvasóink milyen stílusokat kedvelhetnek. Ezért ezt inkább nem.
A sablonalapú megoldás jobban tetszik, erről én nem tudtam semmit. Utána fogok olvasni. De a PHP-s megoldás is jól néz ki. Ugyan mindkettőnek megvan az a hátránya, hogy csak azokat az értékeket lehet megváltoztatni, amiket beadagolok neki, de fontosabbnak tartom az előnyt, hogy így az is meg tudja változtatni őket, aki nem járatos a CSS-ben és nem állt neki megtanulni a dokumentumszerkezetet. Ezért tetszenek ezek a technikák. Nekem sose jutott volna eszembe, hogy a CSS-ben is használhatok PHP-kódot…
2012. február 1., szerda - 20:10:19
Well. Elolvastam ezeket a CSS-bővítőket, tényleg csak ámulok, hogy miket kitalálnak. Köszi, hogy megismertettél velük. De maradnék a sima PHP-nél, ne kelljen még egy programcsomagot installálni azért, amit egyszerűbben is megoldhatunk.
2012. február 2., csütörtök - 11:19:21
Erről egy régi Ludas Matyi karikatúrája jut eszembe, amikor a majdnem kopasz ember méltatlankodik a borbélynál:
– Azért felháborító, hogy néhány szál hajam levágásáért teljes árat kell fizessek!
– Uram, önnek nem a vágást, hanem a keresést kell megfizetnie.
A betűméret megváltoztatása magában nem nagy dolog. Viszont megtalálni, hogy mi mire hat, az már eléggé lelkesedés lelombozó feladat. Főleg, hogy az az érzésem a betűméretnél is keverve vannak az abszolút és relatív mértékegységek, amitől az egész átláthatatlan lett.
Például egy * { font-size: 13pt; } állítástól egészen normálisak lettek a betűméretek az oldalon, kivéve az utolsó hozzászólások listáját. Annak külön font-size: 11pt; kellett adjak, hogy nagyjából ugyanakkora legyen mint a többi szöveg. Nem jártam utána miért, mert hamarabb elfogyott a türelmem.
Természetesen a CSS megfelelő kommentezésével segíthető az ilyen látogató általi szerkesztés.
De mi lesz az eredménnyel a szerkesztés után? Mindenkiét elmented a szerveren? De regisztráció nélkül hogyan lesznek utólag újból elérhetőek, használatra és további szerkesztésre egyaránt? Vagy mindenki elmenti magának ahol akarja és egy sütiben megmondja hol van? Ez simább, de némi jártasságot igényel a látogató részéről.
Csak annyira mint PNG-ben. Ahogy a /minifig/aguard.php PNG-t generál, úgy a style.php is generálhat CSS-t.
2012. február 2., csütörtök - 11:30:11
Azért ennyire nem volt ám egyszerű, de megoldottam. :)
2012. február 2., csütörtök - 11:40:06
Az imént pedig beszereztem egy plugint, aki szépen újraépítette a hozzászólások listáját a jobb oldalon. Íme: húsz hozzászólás látható, és nincs köztük törölt.
2012. február 2., csütörtök - 12:57:59
Igen, észrevettem, hogy változott az utolsó hozzászólások listája. Nem tudom, ennek köszönhető-e, hogy a hozzászóló neve már nem a linkben van benne, de minden esetre örvendek. Így sokkal áttekinthetőbb.
2012. február 2., csütörtök - 13:03:21
Nem, azt ettől függetlenül értem el kézi átalakítással még tegnap, csak elfelejtettem beszámolni róla…
2012. február 3., péntek - 12:05:15
Úgy tűnik Firefox 10.0 már nem akad ki a hyphenate.js-től. Ráadásul még működik is.
2012. február 3., péntek - 16:36:35
Vauuu…