zondag 3 augustus 2008


REDACTIONEEL # 2:

NIEUWE HEADER


Ik heb vandaag weer eens een nieuwe header gemaakt.

Plots verschijnen er weer lijntjes rondom heen maar of jullie die ook zo zien displayen zoals ikzelf in mijn resolutie van 1024 x 768 vraag ik me af ?

16 opmerkingen:

Anoniem zei

Hoi Anton,
Nee, geen lijntjes er omheen te zien bij mij, althans, alleen aan de onderkant is een klein groen balkje met daaronder weer eeniets donkerder balkje waar witte kruisjes in te zien zijn. Weet nou niet eens meer of dat bij je vorige header ook zo was, het stoort niet in elk geval vind ik. Deze is mooi in elk geval !

Anoniem zei

Mooie ratelaarfoto... (Grote ratelaar?)
Ik weet niet wat je met 'lijntjes rondom de header' bedoeld? Ik zie in elk geval een zogezegde schaduw naast de volledige tekstkolom.
Als jij de lijntjes ziet, verwacht ik dat de meerderheid die wel op zijn scherm krijgt, want 1024 x 768 is denk ik op dit ogenblik in deze contreien toch wel een 'gemiddeld minimum'. Bovendien denk ik dat jouw kolom-breedte zelfs in een nog iets lagere resolutie nog steeds zichtbaar blijft. (De lay-out van mijn blog is berekend op een minimale resolutie van 1024x768, en die is iets breder dan jouw lay-out)

Anoniem zei

Hallo AnneTanne,

Het is inderdaad een verdroogd takje met zaaddozen van de Grote Ratelaar. Die plant ken ik nog maar amper een half jaar en behoort intussen tot mijn favorieten. De foto als totaal staat ook bij een bericht van afgelopen 18 juni.

Anoniem zei

Beste An en AnneTanne,

Het is een nogal ingewikkeld en technisch verhaal om uit te leggen hoe die vormgeving en layout bij Blogger precies in elkaar steken, dus het meeste zal ik jullie besparen, alleen dit:

De foto (met tekst er overheen) heeft de exacte pixelbreedte van de 2 middenkolommen tesamen (de lichtgele en witte kolom) en toch verschijnt er een heel dun wit lijntje rechts van de foto. Zoom ik in met MSIE dan zou je verwachten dat het lijntje dikker zou worden maar wordt dan juist onzichtbaar. Met name DAT lijntje bedoel ik.

Maar er is nog een lijntje spontaan bijgekomen en dat gebeurt iedere keer als ik de header vernieuw en na verloop van tijd (weken, maanden) verdwijnt die dan weer spontaan.

Bij mij ziet dat er precies zo uit zoals An omschrijft: een dunne lichtgroene balk onder de foto en daaronder witte kruisjes op zwart.
In afgelopen maanden was ie er niet, en ik stoor me er ook niet echt aan maar vind het wel een raadsel waar dat balkje vandaan komt. Het is niet:

- design van mezelf die ik aan de foto heb vastgeplakt.
- een poefje van blogger omdat mijn foto-header niet hoog genoeg zou zijn want in het bepalen van de hoogte ben je vrij.

Nu niet dat ik me er enorm aan stoor hoor. Maar toch is het me een raadsel en zal het ook eens bekijken op andere computers (lees: met andere videokaarten), OS-en, resoluties en monitoren.

In ieder geval dank voor jullie reacties.

Anoniem zei

Hoi An,

Ik ben geloof ik nog vergeten zo'n takje als op de foto voor je te plukken toen we laatst in het Westerpark waren, want daar groeit deze plant volop. Intussen zijn ze uitgebloeid en zijn die stengeltjes met zaaddozen verdroogt. Het leuke is dat als je met zo'n takje schudt je dan een rammelend geluid hoort. Het "ratelen" van de zaadjes in de zaaddozen :)

P.S. Bij een bericht van 23 mei zie je ook een foto van enkele toen nog bloeiende exemplaren.

Anoniem zei

Hee A,

hier de code voor je header:
/* Header */
#header-wrapper {
background: #8b2 url(http://www.blogblog.com/moto_son/headbotborder.gif) bottom left repeat-x;
margin: 0 auto;
padding-top: 0;
padding-right: 0;
padding-bottom: 15px;
padding-left: 0;
border: 0;

Die headbotborder.gif is die repeterende x. Kun je dus veranderen zoals je zelf wil door de gif te vervangen - dat moet je dan wel stallen op een eigen URL maar dat is voor jou geen probleem. Onder je foto geef je aan een bottom van 15 pixels te hebben. Ook dit kun je naar gelieven veranderen. Dat groen zal wel je achtergrondkleur zijn.

Ik ben blij te lezen dat je op een wat hogere resolutie bent gaan zitten btw! Die vorige resolutie was toch wat van het vorig millennium ;)

groet J.

Anoniem zei

Hoi Johan,

Hartelijk dank voor je advies maar van dat soort "coding" begrijp ik geen jota :( (sorry !)

Blogger kent voor dit specifieke toepassing ook geen HTML coding. Het invoegen van een header is an sich al iets wat bijna niemand doet ik blogger. Blogger is z.g.n. bijna helemaal copy & paste en z.g.n. ook WYSIWYG maar dat is ook veel pretentieuze poeha, die in 9 van de 10 gevallen niet opgaat.

Dat dat dat groene balkje met kruisjes eronder een GIF is was ik al eerder (een half jaar geleden al) indekt, maar bij Blogger zie je geen map waar files staan en ook qua url's valt er helaas niks te kiezen.

Die groentint van die balk is ook niet echt de achtergrondkleur, dat is de groentint in de buitenste balken waar je ook niks mee kunt behalve de kleur bepalen van een sjabloon dat je kiest.

Maar voordeel van de Blogger software is wel dat het net als de content zelf online staat, dus als ik weer eens bij jou ben kunnen we samen inloggen en dan mag jij het truucje wat je bedoelt toepassen.

Anoniem zei

Hoi Johan,

Hartelijk dank voor je advies maar van dat soort "coding" begrijp ik geen jota :( (sorry !)

Blogger kent voor dit specifieke toepassing ook geen HTML coding. Het invoegen van een header is an sich al iets wat bijna niemand doet ik blogger. Blogger is z.g.n. bijna helemaal copy & paste en z.g.n. ook WYSIWYG maar dat is ook veel pretentieuze poeha, die in 9 van de 10 gevallen niet opgaat.

Dat dat dat groene balkje met kruisjes eronder een GIF is was ik al eerder (een half jaar geleden al) indekt, maar bij Blogger zie je geen map waar files staan en ook qua url's valt er helaas niks te kiezen.

Die groentint van die balk is ook niet echt de achtergrondkleur, dat is de groentint in de buitenste balken waar je ook niks mee kunt behalve de kleur bepalen van een sjabloon dat je kiest.

Maar voordeel van de Blogger software is wel dat het net als de content zelf online staat, dus als ik weer eens bij jou ben kunnen we samen inloggen en dan mag jij het truucje wat je bedoelt toepassen.

Anoniem zei

Hoi Johan,

Hartelijk dank voor je advies maar van dat soort "coding" begrijp ik geen jota :( (sorry !)

Blogger kent voor dit specifieke toepassing ook geen HTML coding. Het invoegen van een header is an sich al iets wat bijna niemand doet ik blogger. Blogger is z.g.n. bijna helemaal copy & paste en z.g.n. ook WYSIWYG maar dat is ook veel pretentieuze poeha, die in 9 van de 10 gevallen niet opgaat.

Dat dat dat groene balkje met kruisjes eronder een GIF is was ik al eerder (een half jaar geleden al) indekt, maar bij Blogger zie je geen map waar files staan en ook qua url's valt er helaas niks te kiezen.

Die groentint van die balk is ook niet echt de achtergrondkleur, dat is de groentint in de buitenste balken waar je ook niks mee kunt behalve de kleur bepalen van een sjabloon dat je kiest.

Maar voordeel van de Blogger software is wel dat het net als de content zelf online staat, dus als ik weer eens bij jou ben kunnen we samen inloggen en dan mag jij het truucje wat je bedoelt toepassen.

Anoniem zei

Hoi JL,

Wat betreft monitor resolutie gebruik ik al 10 jaar dezelfde resolutie van 1024 x 768 pixels.

Zoals je weet heb ik een grote monitor en mijn videocard kan ik veel veel hoger aan, maar de lettertjes worden me dan te klein want ik kijk gezien het niet willen hebben van een leesbril vrij dichtbij de monitor. En met het blote oog (ogen) kan ik alles in 1024 x 768 bijna alle websites goed lezen.

Anoniem zei

Beste Johan,

Nu je toch HTML en andere coding taal aan het uitdelen bent kan je me misschien ook helpen aan het commanda dat je toevoegt aan een link en die er voor zorgt dat de link waarop je klikt opent in een nieuw venster. Ik heb er zelf al uren op zitten studeren en het uit bestaande websites proberen af te leiden, maar zonder succes.

Ik denk ook dat dat bij Vista anders werkt i.v.m. de tabbladen in combinatie met MSIE (7.0).

Anoniem zei

Hoi A,

Wat ik bedoelde is dat je het gif-plaatje kan vervangen door te linken naar een andere url waar je je gewenste gif hebt gestald. Je hebt buiten Blogger om webspace genoeg dus daar kun je dat neerzetten. In Blogger mag je editten in de HTML dus alles kan je in principe aanpassen.

Als je in het reactievenster naar een nieuw venster wil linken moet je in de A-tag TARGET="_blank" vermelden.

Helaas staat Blogger dit niet toe heb ik net in een test gemerkt (Attribute "TARGET" is not allowed).

groet J.

Anoniem zei

Dag JL,

Dat hele GIFje wil ik daar helemaal niet hebben. Het ding duikt steeds uit zichzelf op iedere keer als ik een andere header plaats en verloopt na verloop van tijd weer uit zichzelf.

Anoniem zei

Probeer eens in je header-code onderstaande regel te verwijderen:

background: #8b2 url(http://www.blogblog.com/moto_son/headbotborder.gif)

en

padding-bottom: 15px;

te vervangen door:

padding-bottom: 0px;

Misschien is alleen het laatste al voldoende.

Suxes!

Groet J.

Anoniem zei

Hoi JL,

Dank wederom maar zo werkt het niet bij Blogger. De plaats voor een header is gewoon een "leeg gat" (window) waarnaar je een JPG upload. In dat window staat helemaal geen HTML, dus ik kan daar niks editten, laat staan iets voor in de plek zetten.

Het zal er best staan, ergens in bij de software en de server in de buurt, maar dat staat allemaal ergens online waar je niet "onder de moterkap" kan kijken.

Ik zit verder ook niet zo in mijn maag met dat groene balkje en kruisjes. Ik weet uit ervaring dat het op den duur vanzelf weer verdwijnt, al weet ik dat dat "vanzelf" raar klinkt.

Anoniem zei

Wat betreft dat TARGET="_blank" werkt voor jou misschien niet omdat je niet ingelogd bent op mijn blog.

Ik zou het als beheerder van de blog eens als ikzelf ingelogd ben zelf uittesten.

Maar ik weet niet WAAR enzo dat commando moet staan t.o.v. de URL waarnaar je linkt en OF en WAAR die aanhalingstekens moeten staan in het totaal ?