Dit blogje heb ik opzettelijk een andere look gegeven dan gewoonlijk, zodat de blogberichten niet de volledige breedte van een breedbeeldscherm gaan innemen
Achtergrondkleur en/of achtergrondafbeelding wijzigen bij de blogs van seniorennet en bloggen.be
De achtergrondkleur en/of achtergrondafbeelding van de blog vervangen door een ander kleur of plaatje
- Zorg eerst voor een URL (internetadres) voor het plaatje dat je wilt toevoegen ter vervanging van het huidige achtergrondplaatje
- Wens je de achtergrondkleur te wijzigen, zorg dat je de gewenste kleurcode bij de hand hebt
- Log in in uw blog en klik op UITZICHT (DESIGN) WIJZIGEN BLOG
- Onder AANPASSEN KENMERKEN vind je het huidige uitzicht nummer, dat van toepassing is op uw blog. Er bevindt zich een bolletje onder de miniatuurafbeelding van de design Wens je een ander uitzicht, klik een bolletje bij het uitzicht dat je uw blog wenst te geven en klik onder de design voorbeelden op WIJZIGEN Noteer het gekozen uitzicht nummer, voordat je nieuwe wijzigingen aanbrengt, zodat je later indien nodig, snel weet welk uitzicht op uw blog van toepassing is
- Scroll met de schuiflat naar beneden tot je onder GEAVANCEERD - UITZICHT AANPASSEN bij de opmaak van de blog terecht komt
1) Voor het vervangen van:
de algemene achtergrondkleur en/of de achtergrondafbeelding v/d blog
Wens je de achtergrondkleur te wijzigen: vervang bij background: #; de aanwezige kleurcode (zie hierboven in rood gekleurd) door de kleurcode van het door u gewenste kleur
Voor het wijzigen van de achtergrondafbeelding: vervang bij background-image: url(); wat hierboven in het groen tussen haakjes staat door de URL van uw achtergrondplaatje
Indien je background: #hier_kleurcode; of background-image: url(hier_achtergrondplaatje); niet terugvindt onder .general_bg voeg dan de hierbovenstaande code toe
Zie voorbeeld: waarbij de kleurcode bij background is gewijzigd en de URL van een achtergrondplaatje is aangebracht:
en ga op dezelfde manier te werk zoals onder punt 1 hierboven is beschreven, namelijk: Voor het wijzigen van de achtergrondkleur vervang bij background: # de aanwezige kleurcode (wat hierboven in rood gekleurd staat) door de kleurcode van het door u gewenste kleur
Indien je background: # niet terugvindt bij .content_bg voeg dan bovenstaand element toe
Wens je een achtergrondafbeelding toe te voegen of het bestaande achtergrondplaatje te vervangen door een ander.
Voeg -indien niet aanwezig- onder .content_bg de hiernavolgende html toe background-image: url(hier_URL_van_achtergrondplaatje);
Vervang in de html bij background-image: url( ); wat hierboven tussen haakjes in het groen gekleurd staat door de URL van uw achtergrondplaatje
Wens je een achtergrondkleur toe te voegen of de bestaande achtergrondkleur te wijzigen kijk of je background: #......; terugvindt bij td.bericht_content
Indien niet, voeg dit element toe, zie voorbeeld hierboven Vervang de kleurcode, wat hierboven in het rood gekleurd staat, door de kleurcode van het door u gewenste kleur.
Wil je een achtergrondafbeelding toevoegen of deze wijzigen ga na of je background-image: url(); onder td.bericht_content terug vindt Staat dit element er niet, voeg dan background-image: url(); toe. zie voorbeeld hierboven Vervang de URL van de afbeelding, wat hierboven in het groen gekleurd staat, door de URL van uw achtergrondplaatje
Wens je een achtergrondkleur te wijzigen Ga na of je bij .bg_linkerkant het element background: # terugvindt Zoniet voeg deze eigenschap toe, zie voorbeeld hierboven Vervang de kleurcode, wat hierboven in het rood gekleurd staat, door de kleurcode van het door u gewenste kleur.
Wil je een achtergrondafbeelding toevoegen of de bestaande achtergrondafbeelding vervangen door een andere achtergrondafbeelding ga na of je onder .bg_linkerkant het element background-image: url(); terugvindt. Zoniet voeg deze eigenschap toe, zie voorbeeld hierboven Vervang de URL van de afbeelding, wat hierboven in het groen gekleurd staat, door de URL van uw achtergrondplaatje
Hierna de elementen waar je de achtergrond kan wijzigen van:
De algemene achtergrond: .general_bg De achtergrond van de inhoud: .content_bg De achtergrond van de blogberichten: td.bericht_content De achtergrond van de zijkolommen: .bg_linkerkant De achtergrond van de toptitel: .top_titel
*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
Onderaan ieder blogbericht, het » teken bij REAGEER vervangen door een ander teken of icoontje .
Onderaan ieder blogbericht het » of >> teken vóór REAGEER vervangen door een ander teken of plaatje
Ga naar Uitzicht (design) blog wijzigen en scroll naar beneden tot onder Geavanceerd - Uitzicht aanpassen
Zoek in de opmaak van uw blog tussen: <!-- BEGIN DYNAMISCH BLOK BERICHTEN --> en <!-- EINDE DYNAMISCH BLOK BERICHTEN --> middenin de aanwezige HTML codes naar Reageer
Zie voorbeeld hierna waar Reageer tussen de aanwezige codes te vinden is:
Vervang in de HTML bron het » teken bij Reageer door een ander teken naar uw eigen keuze. Dat kan bij voorbeeld dit teken ►of dit teken >> of nog een ander teken zijn.
U kan ook een klein icoontje naar eigen keus bij Reageer toevoegen, door de code voor het weergeven van het plaatje juist vóór het woord Reageer te plakken
Zie voorbeeld hierna, waarbij ik het » teken bij Reageer vervang door ► en ervoor ook nog eens de HTML code voor het weergeven van een bloemetje plak
Het resultaat is dan dit:
Zijt u daarmee klaar, vergeet niet onderaan op Wijzigen te klikken.
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
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
Hou er rekening mee, dat de posttitel in bepaalde browsers, zoals o.a. in Google Chrome, als een hyperlink fungeert. Wens je hetzelfde lettertype, dezelfde kleur, achtergrond, boord, wanneer de bezoeker de muisaanwijzer boven de posttitel beweegt, pas dan ook bij .post_titel: hover deze elementen aan uw wensen aan.
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
Lettertype, lettergrootte en tekstkleur van de POSTDATUM, de TITEL en de link REAGEER boven of onder ieder blogbericht wijzigen .
Lettertype, lettergrootte en/of de tekstkleur van de "Datum" boven en onderaan ieder blogbericht wijzigen -----------------------------------------------
Klik op UITZICHT DESIGN WIJZIGEN BLOG Scroll naar beneden tot aan GEAVANCEERD UITZICHT AANPASSEN
datum bovenaan ieder blogbericht
datum, uur en naam onderaan
Zoek in het bron-venster onder GEAVANCEERD UITZICHT AANPASSEN in de <head> tussen <style> en </style> naar .datum
Zie voorbeeld in de linkerzijde hieronder:
- vervang bij FONT-SIZE het aantal pixels (hier 12px;) door een groter of lagere waarde (getal) al naargelang je de lettergrootte kleiner of groter wilt - vervang bij FONT-FAMILY het eerste aanwezige lettertype, door een lettertype van uw keuze - vervang bij COLOR de aanwezige kleurcode door de kleurcode van de door u gewenste kleur
Zie rechts ► een voorbeeld, waarbij de lettergrootte12px vervangen werd door 10px -en- Lettertype Arial door lettertype Verdana. Kleurcode e0ce8d door c4b176
De vette tekst kan je bij font-weight vervangen door gewone tekst Vervang hiervoor bold door normal
Om uw werk op te slaan, klik onderaan op WIJZIGEN ------------------------------------------------------------------------------------
Lettertype, lettergrootte en/of de tekstkleur van de Titels van alle blogberichten wijzigen -----------------------------------------------
Klik op UITZICHT DESIGN WIJZIGEN BLOG Scroll naar beneden tot aan GEAVANCEERD UITZICHT AANPASSEN
Zoek in het bron-venster onder GEAVANCEERD UITZICHT AANPASSEN in de <head> tussen <style> en </style> naar .post_titel
Zie voorbeeld in de linkerzijde hierna:
- vervang bij FONT-SIZE het aantal pixels (hier 12px;) door een groter of lagere waarde (getal) al naargelang je de lettergrootte kleiner of groter wilt - vervang bij FONT-FAMILY het eerste aanwezige lettertype, door een lettertype van uw keuze. - vervang bij COLOR de aanwezige kleurcode door de kleurcode van de door u gewenste kleur
Zie rechts ► een voorbeeld, waarbij het lettertype Arial vervangen werd door Monotype Corsiva De lettergrootte 12px vervangen door 20px De kleurcode 00ff00 door e0ce8d
De vette tekst kan je bij font-weight vervangen door gewone tekst Vervang hiervoor bold door normal
Vergeet niet uw werk op te slaan, klik onderaan op WIJZIGEN ------------------------------------------------------------------------------------
Lettertype, lettergrootte en/of tekst kleur van de de linknaam REAGEER onderaan ieder blogbericht wijzigen ------------------------------------------------------
Klik op UITZICHT DESIGN WIJZIGEN BLOG Scroll naar beneden tot aan GEAVANCEERD UITZICHT AANPASSEN
Zoek in het bron-venster onder GEAVANCEERD UITZICHT AANPASSEN in de <head> tussen <style> en </style> naar .anchor en .anchor:hover
Bij .anchor wordt het lettertype, de lettergrootte en de kleur van de link aangegeven Bij .anchor:hover wordt het lettertype, de lettergrootte en kleur van de link aangegeven, die verschijnt wanneer de muisaanwijzer boven de link gehouden wordt
Zie voorbeeld in de linkerzijde hierna:
- vervang bij FONT-SIZE het aantal pixels (hier 11px;) door een groter of lagere waarde (getal) al naargelang je de lettergrootte kleiner of groter wilt - vervang bij FONT-FAMILY het eerste aanwezige lettertype, door een lettertype van uw keuze. - vervang bij COLOR de aanwezige kleurcode door de kleurcode van de door u gewenste kleur
De gewone tekstdikte kan je bij font-weight vervangen door vette tekst Vervang hiervoor normal door bold
Wens je de linknaam onderlijnd weer te geven Vervang none bij text-decoration door underlined
Klik onderaan op WIJZIGEN ------------------------------------------------------------------------------------
HEEL BELANGRIJK: Zorg er goed voor dat geen dubbel punt, punt komma of accolade ontbreekt, er teveel of verkeerd staat, want anders bekom je niet het gewenste resultaat
Lettertype, lettergrootte en tekstkleur vervangen in ALLE blogberichten van de middenkolom .
Lettertype, lettergrootte en tekstkleur vervangen in ALLE blogberichten van de middenkolom
Log in en klik op UITZICHT (DESIGN) WIJZIGEN BLOG Scroll naar beneden tot je aan de opmaak van de blog komt onder: GEAVANCEERD UITZICHT AANPASSEN Zoek in de opmaak naar:
Voor het wijzigen van het lettertype: Vervang bij: font-family: Arial, Verdana, Helvetica; Het eerste lettertype (hier Arial) door het lettertype dat je wenst te gebruiken. Bijvoorbeeld: font-family: Comic Sans MS, Verdana, Helvetica; Voor het geval dat gebruikers het eerste lettertype op hun pc niet kunnen weergeven, wordt steeds nog een 2de en 3de lettertype opgegeven, dat dan van toepassing is.
Voor het wijzigen van de lettergrootte Vervang het aantal pixels bij font-size: 12px; (dit is het getal in rode kleur) door een hoger of lagere waarde Hoe hoger de waarde, hoe groter de letters Bijvoorbeeld: font-size: 13px;
Het wijzigen van de tekstkleur gebeurt als volgt: Vervang de kleurcode bij: color: #555555; (hier in rode kleur aangeduid) door de kleurcode van het door u gewenste kleur Bijvoorbeeld: color: #CC0000; voor het weergeven van rode tekst
Lettertype, lettergrootte en kleur van alle LINKEN in het uitzicht van de blog wijzigen - en al dan niet onderlijnen .
De kleur van alle linken in het uitzicht van de blog wijzigen - item wijzigen lettertype, tekstgrootte, etc. -
afbeelding 1
In de afbeelding hierboven zijn alle linken die voorkomen op de blog geel gekleurd en niet onderlijnd Wordt de muisaanwijzer boven een link gehouden, dan kleurt deze blauw en wordt tegelijk onderlijnd weergeven
Hierna de werkwijze voor het aangeven van de gewenste kleur of het wijzigen ervan
Log in in uw blog en klik op "UITZICHT (DESIGN) WIJZIGEN BLOG" Scroll met de schuiflat naar beneden tot je onder GEAVANCEERD - UITZICHT AANPASSEN bij de opmaak van de blog terecht komt
Tussen <style> en </style> vind je het hiernavolgende:
Vervang onder a bij color: #...; de kleurcode 555555 door de kleurcode van de kleur welke je wenst aan uw linken te geven
Vervang onder a: hover bij color: #...; de kleurcode 555555 door de kleurcode van de kleur welke je wenst aan uw linken te geven, wanneer de bezoeker de muisaanwijzer boven de link houdt (zie afbeelding 1)
Bijkomende info: Wens je de linken al dan niet onderlijnd weer te geven, dan kan je uw voorkeur aangeven bij text-decoration: text-decoration: underline; betekent dat de link onderlijnd wordt weergegeven text-decoration: none; betekent dat de link NIET onderlijnd wordt weergegeven
Het lettyertype van de linken kan je eveneens wijzigen bij font-family
De tekstgrootte wordt bepaald bij font size door een groter of kleiner getal op te geven
In de zijkolommen: De kleur van de boven en onderlijn bij iedere titel in alle items wijzigen of verwijderen
De kleur van de titel in ieder item wijzigen
De achtergrondkleur van de titel wijzigen of verwijderen
De kleur van de boven- en onderlijn bij iedere titel in alle items van de zijkolommen van de blog wijzigen
Werkwijze: Log in en klik in de linkerzijde op UITZICHT (DESIGN) WIJZIGEN BLOG Scroll naar beneden tot aan GEAVANCEERD - UITZICHT AANPASSEN Om de kleur van de lijnen te wijzigen dient de huidige kleurcode vervangen te worden door de kleurcode van het door u gewenste kleur.
Voor het vervangen van de kleurcode in de linkerkolom van de blog Zoek in het venster naar het hiernavolgende:
Vervang tussen de aanhalingstekens na het # teken bij <td bgcolor="#663300" de kleurcode (wat hier in rode kleur staat) door de kleurcode van het door u gewenste kleur.
Ook de dikte van de lijnen kan je wijzigen door het cijfer "1" in <td bgcolor="" height="1"> te vervangen door een hogere waarde, bij voorbeeld: "2"
Verwijder geen aanhalingstekens, spatie, punt komma, hekje en plaats er ook geen bij, want een code moet juist zijn. Klik vervolgens onderaan op WIJZIGEN
De boven- en/of onderlijn bij iedere titel in alle items in de linker- en/of rechter zijkolom verwijderen
Werkwijze: Ga naar UITZICHT (DESIGN) WIJZIGEN BLOG Zoek in het venster onder GEAVANCEERD - UITZICHT AANPASSEN naar het hiernavolgende: Voor het verwijderen van de lijnen in de linkerkolom:
Vervang bij color: #......; wat in het rood gekleurd is, door de kleurcode van het door u gewenste kleur Verwijder de punt komma niet achter de kleurcode, en voeg ook geen spatie toe tussen het # teken en de kleurcode en tussen de kleurcode en de punt komma, dit is belangrijk Klik vervolgens onderaan op WIJZIGEN
In ieder item van de zijkolommen de achtergrondkleur van de titel wijzigen
Zoek onder GEAVANCEERD - UITZICHT AANPASSEN naar het hiernavolgende
Indien het element background: #ffffff; er niet staat, voeg het toe
Vervang bij background: #......; wat in het blauw gekleurd staat, door de kleurcode van het door u gewenste achtergrondkleur Verwijder de punt komma niet achter de kleurcode, en voeg ook geen spatie toe tussen het # teken en de kleurcode en tussen de kleurcode en de punt komma, dit is belangrijk Klik vervolgens onderaan op WIJZIGEN
Wens je daarentegen geen achtergrondkleur toe te voegen, verwijder gewoonweg background: #......; De achtergrond neemt dan meestal de kleur van de zijkolom aan
De achtergrond van uitzicht 13 - 16 - 18 - 19 of de algemene achtergrond van de blog wijzigen .
Bij "Uitzicht (design) wijzigen blog"
De achtergrond van uitzicht 13 - 16 - 18 - 19 wijzigen of de algemene achtergrond van de andere bloguitzichten
Alhoewel de webmaster ons verschillende designs aanbiedt, waaruit we kunnen kiezen, geven we soms liever toch ons blog meer een persoonlijker uitzicht. Om de achtergrond van de blog te wijzigen gaan we als volgt te werk.
Log in en klik in de linkerkant op "Uitzicht (design) wijzigen blog"
Kies en klik een bolletje bij een uitzicht dat je gemakkelijk kan aanpassen aan je wensen. Onthou het nummer van het gekozen uitzicht (design), alvorens je iets wijzigt, zo weet je later steeds welk design je gewijzigd hebt, want nadat je onder GEAVANCEERD - UITZICHT AANPASSEN, in de html venster iets hebt gewijzigd, verdwijnt het bolletje bij het gekozen uitzicht en verschijnt als laatste van de designs: "Eigen design - zelf aan te passen" Eigen uitzicht
Voor het wijzigen van de algemene achtergrondkleur van uw blog Zoek eerst de kleurcode op van de kleur die je als achtergrond op uw blog wilt weergeven. Zie bij voorbeeld: Kleurcodes - Kies hier de gewenste kleur of KLIK HIER
Log in en klik op UITZICHT (DESIGN) WIJZIGEN BLOG en Zoek in het html venster onder GEAVANCEERD - UITZICHT AANPASSEN de hiernavolgende html codes in het rood aangeduid:
LI { list-style-image: url(../Images/Skin/12/lijst.gif); }
.general_bg { background: #FEF5EE; }
.general_area { background: #FEF5EE; }
ZIE VOORBEELD HIERBOVEN: vervang de kleurcode van uw uitzicht (zie hierboven in blauw gekleurd, bij mij is dat FEF5EE) door de kleurcode van de kleur dat je aan uw achtergrond wenst te geven, maar zorg dat het # teken en de punt komma achter de kleurcode blijven staan.
Wens je een algemene achtergrondafbeelding toe te voegen, in een design zonder achtergrondplaatje of Bij uitzicht 13 - 16 - 18 - 19 de achtergrondafbeelding te vervangen door een andere afbeelding naar uw keuze Zorg eerst voor een URL voor uw achtergrondplaatje
Heeft uw design geen achtergrondplaatje (zie voorbeeld1 hierboven), voeg dan bij .general_bg de hiernavolgende code toe:
background-image: url(URL van achtergrondplaatje);
zie voorbeeld2 hieronder, ook terug te vinden bij uitzicht 13 - 16 - 18 - 19:
LI { list-style-image: url(../Images/Skin/12/lijst.gif); } .general_bg { background: #FEF5EE; background-image: url(URL van achtergrondplaatje); }
.general_area { background: #FEF5EE; }
Vervang in de code: background-image: url(URL van achtergrondplaatje);
zie hierboven in groen gekleurd: URL van achtergrondplaatje door de URL van uw achtergrondplaatje maar zorg ervoor dat je geen spatie, haakje of punt komma toevoegt of verwijdert, want dan lukt het niet
Het gewenste aantal titels van de berichten uit de middenkolom, onder INHOUD BLOG in de zijkolom weergeven .
Het gewenste aantal titels van de berichten uit de middenkolom onder INHOUD BLOG in de zijkolom weergeven
afbeelding 1
Standaard staat bij het aanmaken van de blog ingesteld om onder INHOUD EIGEN BLOG de titels van de laatste vijf berichten uit de middenkolom te laten verschijnen (zie afb 1)
Het aantal titels van de laatst toegevoegde berichten, welke je wenst weer te geven in de zijkolom kan je echter zelf wijzigen
Klik hiervoor op PERSONALISEER
Vervolgens in de zijkolom op INHOUD EIGEN BLOG (zie afbeelding 2)
Klik op het pijltje bij AANTAL TITELS TONEN en duid het gewenste aantal titels aan, dat je op uw blog wilt laten verschijnen
Wanneer nu voortaan op de link naar het artikel geklikt wordt, bvb: hetzij juist vóór de titel boven een blogbericht in de middenkolom of hetzij in de zijkolom onder INHOUD BLOG , zal tegelijk met het verschijnen van het blogbericht ook de titel ervan verschijnen in de titelbalk van uw browser
Een plaatje tussen de blogberichten invoegen, in de middenkolom en op de gastenboek pagina .
In de middenkolom en op de gastenboekpagina een afbeelding tussen de blogberichten in plaatsen
Zie voorbeeld:
WERKWIJZE:
Zorg eerst voor een URL voor de afbeelding, die je tussen de berichten in wenst toe te voegen . Log in op uw blog en klik op UITZICHT (DESIGN) WIJZIGEN BLOG Scroll op de pagina DESIGN WIJZIGEN naar beneden tot je komt aan: GEAVANCEERD - UITZICHT AANPASSEN Onder GEAVANCEERD - UITZICHT AANPASSEN vind je de opmaak van de blog Scroll met de schuiflat naar beneden tot je aan het hiernavolgende komt:
Blog beveiligen - rechtermuisklik voorkomen - boodschap laten verschijnen
Beveiliging tegen opslaan van plaatjes Rechtermuisklik voorkomen & boodschap laten verschijnen Werkt in Internet Explorer, Netscape, Mozilla --------------------------------------------
Alhoewel geen enkel script 100% kan uitsluiten, dat foto's en plaatjes die op internet staan, gestolen kunnen worden, kan je het de gewone gebruiker toch wel wat moeilijker maken om uw afbeeldingen op te slaan op harde schijf
Hierna vind je een script, waarbij er een boodschap verschijnt, al naar gelang de tekst die je als mededeling in het script opgeeft, alsook waarbij de rechtermuisklik niet kan gebruikt worden om een plaatje of foto op te slaan
Denk er wel aan, dat met dit script alleen hiermee het opslaan van plaatjes en foto's kan voorkomen worden, die op uw webpagina of blog staan, niet de afbeeldingen die vergroot verschijnen op een volgende pagina, wannneer op de miniatuur geklikt wordt
Zorg er best voor dat uw afbeeldingen aanklikbaar zijn, dus voorzien zijn van een link naar uw blog, website of andere bestemming, om te beletten dat ze via een truc toch gemakkelijk kunnen worden opgeslaan.
---
--- Werkwijze voor het plaatsen van het script op de blog of in een website
Dit script kan geplaatst worden in de bron tussen de <body> en de </body>
Voor de gebruikers van seniorennet en bloggen.be: Je kan dit script gewoon plaatsen in een zijkolom van uw blog
►Klik hierboven op de knop SELECTEER EN KOPIEER ►Log in op uw blog en klik bovenaan op PERSONALISEER ►Klik vervolgens in het middengedeelte op een pijltje links of rechts van VRIJE TEKST/HTML ►Vink BRONTEKST aan, door boven uw tekstvak bij gebruik van de standaard editor een vinkje te klikken achter het woord BRONTEKST Gebruikers van de nieuwe editor dienen BRON aan te klikken ► Zet uw cursor in uw tekstvak, dat nu brontekstvak is geworden ► Klik met de rechtermuisknop, zodat een menuutje opent, klik op PLAKKEN ► Indien gewenst kan je nu in het script, mijn boodschap: WAT WIL JE HEBBEN? vervangen door een andere mededeling of waarschuwing naar uw keuze Zorg er wel voor dat uw tekst tussen de aanhalingstekens staat in het script ►Je kan nu het vinkje achter BRONTEKST gerust terug uitklikken, je ziet dan in uw gewone tekstvak niets staan, dat is normaal ►Vergeet niet onderaan in het veld bij LABEL in te vullen: SCRIPT rechtermuisklik uitschakelen zodat je later gemakkelijk het script terugvindt ► Klik vervolgens op TOEVOEGEN
De achtergrondkleur of achtergrondafbeelding van de beide zijkolommen
► Reageer (0) 
Welkom op blog uitzicht_design
plak
naar het artikel geklikt wordt, bvb: 
