*Gehele of gedeeltelijke overname van mijn uitleg, plaatsing op andere sites, blogs, forums, mailgroepen, verveelvoudiging op welke andere wijze dan ook, is niet toegestaan" "Alleen verwijzen naar mijn blogberichten is toegelaten"
Mag ik vragen onder de blogberichten in de middenkolom, GEEN plaatjes of commentaar te plaatsen, die totaal GEEN betrekking hebben met de inhoud van het betreffende blogbericht zelf.
Aanklikbare kleine plaatjes met verwijzing naar eigen blog en mededelingen, die niets te maken hebben met de inhoud van het betreffende blogbericht, bekijk en lees ik liever in mijn gastenboek
Nog een prettige dag gewenst en dank voor uw begrip febe
Score bij alle schermbreedte niet naast, maar onderaan een plaatje weergeven Score verwijderen of opnieuw toevoegen
De Score bij elke schermbreedte -niet naast- maar onderaan een plaatje laten verschijnen
Op de blogs van seniorennet en www.bloggen.be, bestaat de mogelijkheid om de bezoekers een score te laten toekennen aan elk van de berichten, maar bij sommige bloguitzichten verschijnt die score niet onder het bericht, maar wel onderaan in het bericht zelf. Wanneer in dit laatste geval een afbeelding toegevoegd wordt, waarvan de tekst ernaast niet volledig de hoogte van het plaatje gaat innemen, verschijnt de volgende alinea, -wat bij voorbeeld de score kan zijn-, eveneens naast het plaatje, i.p.v. onderaan in het bericht, hetgeen meestal de bedoeling niet is en zelfs in bepaalde situaties ongewenst de blog in de breedte kan doen toenemen, al naar gelang de breedte van het plaatje
Zie voorbeeld hierna waarbij de score afwisselend naast en onder het plaatje te zien is
Even ter verduidelijking: Wanneer we in een blogbericht in de middenkolom onder Extra's, één plaatje van de harde schijf toevoegen bij "Foto van harde schijf" of de URL van een plaatje bij "Foto van Internetadres" inbrengen, dan verschijnt na opslaan van het bericht het plaatje horizontaal uitgelijnd in de linkerbovenhoek van het bericht. Eventueel toegevoegde regels tekst komen dan rechts van het plaatje te staan tot de volledige hoogte van het plaatje ingenomen is. Pas van als de hoeveelheid tekst meer bedraagt dan de hoogte van het plaatje toelaat, lopen de volgende regels onder de afbeelding door.
Dit is ook het geval, wanneer we met behulp van een html code een plaatje gaan toevoegen, waarbij in de code align="left" of align="right" is opgenomen en de tekst dus rechts of links van het plaatje staat
Wanneer bijgevolg het aantal toegevoegde regels tekst naast het plaatje minder bedraagt, dan de hoeveelheid tekst welke naast de afbeelding past, dan verschijnt de volgende alinea naast het plaatje. Op die wijze gebeurt het, dat bij voorbeeld het "Toekennen van een score", alsook de vermelding van de "Datum, uur en naam van de auteur" ongewild naast de afbeelding, in plaats van onderaan in het bericht komt te staan
Om dit te voorkomen kunnen we gebruik maken van het BR element met het attribuut CLEAR
Hierna de werkwijze:
►Kopieer eerst het hiernavolgende <BR CLEAR="all"> ►log in in uw blog en open het bericht waarin je de score onderaan een afbeelding, i.p.v. van ernaast wilt zien verschijnen ► Vink vervolgens BRONTEKST aan ► Plak <BR CLEAR="all"> achter de code voor het weergeven van het plaatje en de eventuele tekst, die je ernaast wilt laten verschijnen Indien je een plaatje toevoegt via Extra's, welke onzichtbaar is in het werkblad, plak <BR CLEAR="all"> in het Brontekstvak, achter de eventuele tekst, die naast de afbeelding dient te verschijnen. ► Vink daarna BRONTEKST terug uit ► Klik op TOEVOEGEN of WIJZIGEN Opgelet: Opdat het bericht zou opgeslaan geraken, dient er minstens een punt of ander teken in het gewone tekstvak te staan
Zie een voorbeeld van de brontekst van een bericht, waarin de url van mijn plaatje met een toegevoegde spreuk is aangebracht. Om de score onder mijn plaatje te laten verschijnen, onderaan het bericht, werd achter de spreuk <br clear="all"> toegevoegd
<a href="http://www.sunbeams.be" target=_self> <img src="http://i40.tinypic.com/2z6awed.jpg" border=0 align=left></a> <br><br><br> <p align=center><font size=4 face="comic sans ms"> Geruisloze attenties<br>sterken het hart</font></p> <br clear=all>
Ter info: <br> betekent een andere regel toevoegen <p> betekent een andere alinea nemen, deze wordt afgesloten met </p> clear="all" betekent dat de volgende inhoud dient geplaatst op de eerstvolgende regel die volledig vrij is
De score onder elk blogbericht verwijderen of opnieuw instellen
Wens je niet dat de bezoekers van uw blog hun waardering in punten kunnen uitdrukken over wat de inhoud van uw blogbericht betreft
Klik op INSTELLINGEN en zoek onder:
Extra opties
Laat u uw bezoekers toe om een score toe te kennen aan elk van uw berichten?
Neen
Duid met het pijltje NEEN aan en klik op WIJZIGEN
Lettertype, tekstkleur en lettergrootte van de Score wijzigen
Ga naar Uitzicht (design) wijzigen blog Scroll naar beneden tot onder Geavanceerd - Uitzicht (design) wijzigen blog Zoek in de bron tussen <HEAD> en </HEAD> naar de hierna volgende CSS regels --------------------------------------------- .bericht_content_lettertype { font-family: Arial, Verdana, Helvetica; font-size: 12px; font-weight: normal; color: #FFFFFF; } --------------------------------------------- Vervang bij font-size: de waarde 12px, door een hoger of lager getal al naar gelang je de tekst groter of kleiner wilt weergeven
Vervang bij color: de kleurcode FFFFFF door de kleurcode van het door u gewenste tekstkleur
Wens je ook het lettertype te vervangen: Vervang bij font-family: lettertype Arial door een lettertype naar uw keuze
Opschrift boven gastenboek verwijderen of terugplaatsen .
Het opschrift boven een gastenboek verwijderen of terugplaatsen
Ga naar Uitzicht design wijzigen blog Scroll naar beneden tot je komt aan Geavanceerd - Uitzicht aanpassen Zoek in de bron tussen <style> en </style> naar de hiernavolgende CSS regels en verwijder deze, indien je het opschrift boven uw gastenboek wenst te verwijderen
of plaats deze terug, indien je het opschrift boven uw gastenboek wilt terugplaatsen
In een emailformulier, de kleur van de tekst in het berichtvenster, en in het vak bij Onderwerp en Email wijzigen .
De kleur van de tekst in een emailformulier wijzigen
Werkwijze: Ga naar "Uitzicht design blog wijzigen" Scroll naar beneden tot je komt aan Geavanceerd - Uitzicht aanpassen Zoek in de bron tussen <style> en </style> naar .formulier_bericht
Vervang bij .formulier_bericht de kleurcode bij color: #000000; door de kleurcode van het door u gewenste kleur Klik vervolgens onderaan op Wijzigen
In blog uitzicht 7 en 8 het verticale streepje tussenin de blogberichten ongedaan maken .
In Uitzicht 7 en uitzicht 8, het verticale streepje tussenin de blogberichten in de middenkolom verwijderen
Heb je voor het bloguitzicht 7 of 8 gekozen, dan is er tussenin de opeenvolgende blogberichten in de middenkolom een verticaal storend streepje te zien
Wil je dit storend streepje liever niet! Log dan in en klik op UITZICHT (DESIGN) BLOG WIJZIGEN Scroll naar beneden tot je onder Geavanceerd - uitzicht aanpassen aan de brontekst van de blog zelf komt
Bij gebruik van uitzicht 7 zoek de hiernavolgende code met daarin het getal 7: (zie rode pijl)
en vervang het getal 7 door het getal 6 Klik vervolgens onderaan op WIJZIGEN
Heb je op uw blog voor het Uitzicht 8 gekozen Zoek in de bron van uitzicht 8 naar de hiernavolgende code (zie screenshot hieronder - rode pijl) Vervang het getal 8 (dit betekent map 8) door het getal 6
Klik vervolgens onderaan op WIJZIGEN
Nog een andere mogelijkheid, maar alleen van toepassing voor het verwijderen van streepje tussenin de opeenvolgende blogberichten in de middenkolom is deze hierna:
In de plaats van bij gebruik van bloguitzicht 7 in de hiernavolgende code: <img src="../Images/Skin/7/pixel.gif" width="1" height="15"> de map 7 te vervangen door map 6 (zie uitleg hierboven) waardoor een andere pixel aangeduid wordt, kan je de pixel in zijn geheel verwijderen, door de volledige code voor het weergeven van de pixel <img src="../Images/Skin/7/pixel.gif" width="1" height="15"> te verwijderen en in de plaats ervan tussen <td> en </td> een spatie te typen
Op dezelfde wijze kan je te werk gaan voor Uitzicht 8
In Uitzicht 7 en Uitzicht 8, de storende verticale streepjes op de blogpagina verwijderen .
In Uitzicht 7 en Uitzicht 8 De storende verticale streepjes aan de linkerrand van de zijkolommen, alsook onderaan en bovenaan in de blogpagina verwijderen
Log in en klik op UITZICHT DESIGN WIJZIGEN BLOG
Scroll naar beneden tot onder GEAVANCEERD - UITZICHT AANPASSEN
Zoek in de broncode van Uitzicht 8 in het body gedeelte van de blog, dus na </HEAD> het hiernavolgende pad naar het pixelbestand:
../Images/Skin/8/pixel.gif
Deze komt verschillende keren voor in de broncode. Vervang telkens het cijfer 8 door het cijfer 6 Ben je klaar, klik vervolgens op WIJZIGEN
Een boord rond de hoofdtitel van de blog plaatsen .
Een boord rond de hoofdtitel plaatsen
Werkwijze: Ga naar UITZICHT (DESIGN) BLOG WIJZIGEN Scroll naar beneden tot je onder GEAVANCEERD - UITZICHT AANPASSEN aan de opmaak van de blog komt. Zoek naar .top_titel
Pas vervolgens de kleur van de rand aan, door bij border-color de kleurcode FFFFFF te vervangen door de kleurcode van de door u gewenste kleur
De dikte van de randen (hier in mijn voorbeeld 3px) kan je aanpassen door een hogere of lagere waarde (getal) op te geven bij: border-top-width (bovenrand) , border-right-width (rechterrand, border-bottom-width (onderrand), border-left-width (linkerrand)
De style solid welke een volle lijn betekent kan je eventueel vervangen door hetzij: double waardoor een dubbele lijn als rand verschijnt dotted wat bollekes betekent dashed geeft een streepjeslijn weer
Heel belangrijk: verwijder geen accolades en punt komma's en zorg ervoor dat ze op de juiste plaats blijven staan
Wens je de boord onzichtbaar te maken, vervang de waarde 1px door het getal 0 Voorbeeld: border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;
Zorg er wel voor dat je telkens de punt komma achter px laat staan en verwijder in de code ook het dubbel punt en de accolades niet
Door de waarde (het getal) bij border te verhogen, in plaats van te verlagen naar 0px (waardoor ze onzichtbaar worden) worden daarentegen de boorden dikker weergegeven
Verwijder al hetgene wat zich tussen de accolades bij .top_titel bevindt Zie hierboven, al wat zich in het rood bevindt Laat enkel .top_titel { } staan. Klik vervolgens onderaan op de knop "Wijzigen" om de aanpassing op te slaan
Voor het verwijderen van de hoofdtitel
Zoek in hetzelfde bronvenster, tussen de <body> en </body> naar: <td class="top_titel">{TITEL}</td> Zie voorbeeld hierna:
Een gekleurde rand rondom de titel van elk blogbericht weergeven en er een achtergrondkleur of plaatje aan toevoegen .
Een gekleurde rand rondom de titel van elk blogbericht weergeven en al dan niet een achtergrondkleur of achtergrondplaatje aan toevoegen
Boven elk blogbericht in de middenkolom staat gewoonlijk de titel van het bericht. Deze wordt voorafgegaan van een aanklikbaar icoontje met verwijzing naar de URL van het blogbericht
Maar rondom de titel gelijklopend met de breedte van het blogbericht, kan ook een gekleurde rand aangebracht worden
Zie voorbeeld:
voorbeeld
Hierna de werkwijze:
Log in in uw blog bij seniorennet of bloggen.be en ga naar UITZICHT (DESIGN) WIJZIGEN BLOG Zoek in het bron-venster onder Geavanceerd - uitzicht aanpassen in de <head> tussen <style> en </style> naar .post_titel
►De kleur van de rand wordt bepaald door het border-color element (zie hierboven) gevolgd door een dubbel punt een spatie, een # teken en de kleurcode. Vervang de kleurcode dd0000 (hier rode kleur) door de kleurcode van het door u gewenste kleur
De 4 zijden rond de titel kan je ook een verschillende randkleur geven door bij border-color de verschillende kleurcodes na elkaar (in volgorde: boven-, rechter-, onder-, linker) toe te voegen. Zie voorbeeld hierna, hier heeft de boven en onderrand eenzelfde rode kleur, de rechter een iets donkere en de linkerrand een iets blekere kleur:
border-color: #DD0000 #CC0000 #DD0000 #FF0000;
of door gebruik te maken van de afzonderlijke border-color elementen: border-top-color:border-right-color: border-bottom-color:border-left-color:
►De stijl van de rand wordt bepaald door het border-style element, gevolg door een dubbel punt, een spatie en de waarde Al naar gelang de waarde die je bij border-style invult, bekom je een bepaalde rand rond de titel. Zo betekent: solid een doorgaande lijnrand dotted een rand bestaande uit puntjes dashed een rand bestaande uit dubbele steepjes double een dubbele lijn
In het voorbeeld hierboven wordt 4-maal solid aangebracht, een enkele doorgaande rand Dit betekent dat zowel de boven-, rechter-, onder- als linkerrand bestaat uit één enkele doorgaande lijn Wens je daarentegen, bij voorbeeld een dubbele lijn voor alle vier de randen, i.p.v. een enkele lijn, vervang in dat geval solid telkens door double Zo kan je naar eigen wensen, zelfs de vier boorden rondom de titel een verschillende randstijl geven
► De dikte van de rand rondom de titel wordt bepaald door het border-width element De rand rondom de titel bevat 4 zijden: hetzij boven, rechts, onder en links Al naar gelang het aantal pixels dat aangegeven wordt voor iedere zijde bij: border-top-widthborder-right-width border-bottom-widthborder-left-width wordt de boord van de betreffende zijde dikker of dunner weergegeven Hoe groter het getal dat ingevuld wordt, hoe dikker de rand en omgekeerd hoe kleiner de waarde hoe dunner de rand
► De afstand van de boord tot de titel wordt bepaald door het padding element Al naar gelang het aantal pixels dat ingevuld wordt bij: padding-top (voor bovenkant) padding-left (voor ruimte tussen titel en linkerboord) padding- bottom (voor onderkant) padding-right (voor ruimte tussen titel en rechterboord) hoe groter of kleiner de tussenruimte wordt tussen de titel en de boordzijde ------------------------------------------------------------------------
Een achtergrondkleur en/of achtergrondplaatje aan de titel boven elk blogbericht toevoegen
Op dezelfde wijze als hierboven kan ook een achtergrondkleur en/of achtergrondplaatje aan de titel toegevoegd worden
Voor het weergeven van een achtergrondkleur, voeg tussen de accolades onder .post_titel het hiernavolgende element toe en vervang de kleurcode f2d79b door de kleurcode van het door u gewenste kleur. Opgelet: zorg er goed voor dat er een # teken vóór en een punt komma achter de kleurcode staat
background: #f2d79b;
Wens je een achtergrondplaatje toe te voegen, zorg dan eerst voor een URL voor uw plaatje Voeg tussen de accolades onder .post_titel het hiernavolgende element toe
background-image:url(URL van achtergrondplaatje);
Vervang in de code de woorden: URL van achtergrondplaatje door de URL van uw achtergrondplaatje Bij voorbeeld: background-image:url(http://i44.tinypic.com/2yjr2f7.gif); ---------------------------------------------------------------------------------
Hierna een voorbeeld van de volledige aangepaste code voor het weergeven van de randen rondom de titel van mijn blogberichten, en het aanbrengen van de achtergrondkleur dat hierboven als voorbeeld getoond wordt
Tot slot nog dit: Het is van groot belang dat je de code correct plaatst Wil je slagen, zorg ervoor dat er geen dubbel punt, punt komma ontbreekt of verkeerd geplaatst staat
Veelal worden voor de post-titel dezelfde randen en kleuren gebruikt als voor het blogbericht eronder of omgekeerd De werkwijze is eigenlijk dezelfde
De randen rond ieder blogbericht in de middenkolom kan je aanpassen bij td.bericht_content
te typen
