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.

Lettertype, grootte en tekstkleur van de link REAGEER onder ieder blogbericht wijzigen

http://blog.seniorennet.be/uitzicht_design/archief.php?ID=604215

.formulier_knop {  font-family: Verdana,Helvetica,Arial;  font-size: 11px;  border-bottom: 1px solid #000000;  border-right: 1px solid #000000;  border-left: 1px solid #000000;  border-top: 1px solid #000000;  text-decoration: none;  cursor: hand;  font-weight: bold;  color: #000000;  background: #E0CE8D; }

DE TITELS in de ZIJKOLOMMEN een ANDER KLEUR GEVEN

Onderaan een bericht in de middenkolom, de TEKSTKLEUR

 van REAGEER & LINK wijzigen

.anchor
{
 font-weight: normal;
 font-family: Arial, Verdana, Helvetica;
 font-size: 11px;
 text-decoration: none;
 color: #00FF00;
}

.anchor:hover
{
 font-family: Arial, Verdana, Helvetica;
 font-size: 11px;
 font-weight: normal;
 text-decoration: none;
 color: #00FF00;
}
   

In de opmaak van de blog

---

In de zijkolommen,

Lettertype, lettergrootte en letterkleur
wijzigen van:
de titels onder INHOUD BLOG en het ARCHIEF,
de titels van het GASTENBOEK en de LAATSTE COMMENTAREN
Lijst van links, Favorieten, Voeg toe aan favorieten

Klik op UITZICHT (DESIGN) WIJZIGEN BLOG
en scroll naar beneden

Zoek in de bron onder GEAVANCEERD UITZICHT AANPASSEN
de hiernavolgend html op
en vervang (wat in het rood staat)
het lettertype:     font-family: Arial, Verdana, Helvetica;
de lettergrootte:  font-size : 12px;
de kleurcode:      color: #BDDE87;
door het door u gewenste lettertype, lettergrootte en kleur
Klik vervolgens op WIJZIGEN

<style> a {  font-family: Arial, Verdana, Helvetica;  font-size : 12px;  font-weight: bold;  text-decoration: none;  color: #BDDE87; } a:hover {  font-family: Arial, Verdana, Helvetica;  font-size: 12px;  font-weight: normal;  text-decoration: underline;  color: #A7D35C; }

---

In de zijkolom

Lettertype, lettergrootte en letterkleur wijzigen
in de items: "Bestaat sinds...", "Bezoekers tegelijk online", "Gastenboek", "E-mail mij" en "Vrije Tekst/HTML"

Klik op UITZICHT (DESIGN) WIJZIGEN BLOG en scroll naar beneden Zoek in de bron onder GEAVANCEERD - UITZICHT AANPASSEN .freezone_content zie hierna: .freezone_content {  font-family: Arial, Verdana, Helvetica;  font-size: 12px;  font-weight: normal;  padding-left:5px;  padding-right:5px;  color: #BDDE87; } Vervang het lettertype (wat in het rood staat)bij font-family: Arial, Verdana, Helvetica; door een ander naar uw keus de lettergrootte (het getal in rode kleur) bij:  font-size: 12px; door een andere waarde (aantal pixels) hoe hoger de waarde, hoe groter de letters de letterkleur bij:   color: #BDDE87; door een andere kleurcode bvb ff0000 voor rood Klik vervolgens op WIJZIGEN

---

In de middenkolom 

Lettertype, lettergrootte en letterkleur
in alle blogberichten wijzigen

td.bericht_content {  font-family: Arial, Verdana, Helvetica;  font-size: 13px;  font-weight: normal;  border-color: #000000 #000000 #000000 #000000;  border-style: solid solid solid solid;  border-top-width: 1px;  border-right-width: 1px;  border-bottom-width: 1px;  border-left-width: 1px;  padding-left: 5px;  padding-right: 5px;  padding-bottom: 5px;  padding-top: 5px;         background : #fefefe;  background-image: url(../Images/Skin/11/achtergrond2.gif);  color: #555555; }

Zelfde werkwijze als hierboven

Pijltjes onderaan de blogpagina
  vervangen door andere pijltjes


► Zorg eerst voor de URL van ieder pijltje,
  die je wilt plaatsen ter vervanging van de huidige en
plak de URL op kladblok, zodoende straks te kunnen kopieren
► Klik op UITZICHT (DESIGN) BLOG WIJZIGEN
► Scroll tot onder GEAVANCEERD UITZICHT AANPASSEN
 ► Zoek in het opmaakvenster van uw blog, de hierna volgende html



Selecteer na ► <img src="
 de in geel gemarkeerde bestandsnaam----------
hier is dit ►    ...../IMAGES/Skin/12/vorige.gif
en plak er bovenop de URL van het gewenste pijltje dat naar links wijst
Zie hieronder een voorbeeld:
<img src="http://www.sunbeams.be/map2/pijllinks.gif"

Selecteer na ► <img src="
opnieuw de in  geel gemarkeerde bestandsnaam
voor mijn uitzicht is dit ►    ...../IMAGES/Skin/12/volgende.gif
en plak er bovenop de URL van het gewenste pijltje dat naar links wijst
Zie hieronder een voorbeeld:
<img src="http://www.sunbeams.be/map2/pijlvolgende.gif"

Selecteer na ► <a href="top"><img src="
opnieuw de in  geel gemarkeerde bestandsnaam en
plak er bovenop de URL van het gewenste pijltje dat naar omhoog wijst

Ter info: Wil je slagen!
Zorg dat de aanhalingstekens voor en achter de URL aanwezig blijven
klik geen bijkomende spaties of verwijder er ook geen

Klik vervolgens op WIJZIGEN

--------------------------------------
Wens je één van mijn pijltjes te gebruiken
rechtsklik op het pijltje en kies voor "OPSLAAN ALS"
Upload het vervolgens naar imageshack of photobucket of een andere hosting provider om een internetadres te bekomen

                      

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)

--------------------------------------------------

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

2de probleemoplossing voor uitzicht 7 en 8

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 daarmee klaar, klik vervolgens op WIJZIGEN

--------------------------------------------------------------------------

Dezelfde werkwijze kan ook toegepast worden voor Uitzicht 7
Zoek in de broncode van de blog naar:

 ../Images/Skin/7/pixel.gif

Vervang telkens het cijfer 7 door het cijfer 6
Ben je hiermee klaar, klik eronder op WIJZIGEN

Een Favorieten icoontje maken / FAVICON
en koppelen aan een website of blog

Regelmatig zie je in de adresbalk van uw browser icoontjes staan voor de URL van een website, maar ook wanneer je deze websites bij de Favorieten in uw browser hebt opgeslaan, worden dezelfde icoontjes bij de URL weergegeven
Zelfs tot op het Bureaublad vind je hetzelfde icoontje terug, wanneer je een snelkoppeling gemaakt hebt naar deze website
Zo'n icoontje noemt men een FAVICON of ICO

Hierbij vind je 3 screenshots van de icoontjes die ik aan mijn blogs blogtips en blogdesk gekoppeld heb. Zie ook bovenaan in de adresbalk van dit blog.

Onderstaande ico is inmiddels vervangen door een ander, klik op het plaatje


Hierna nog een voorbeeld in Internet Explorer, klik op het plaatje


Een favicon bekeken in Mozilla Firefox


Hoe een favicon maken en koppelen aan de URL van een blog,
kan je hier vinden:

     http://sunbeams.be/tipstrucs/favicon/favicon.html      
  
--- Klik en lees eveneens ---

  Een favicon, bestaande uit een tekst & achtergrondkleur
in de adresbalk voor het internetadres van uw blog of site 




Bijkomende uitleg vind je ook hier:
Een favicon in de adresbalk voor het internetadres van uw blog
http://blog.seniorennet.be/blogdesk/archief.php?ID=322801

Even ter inlichting:
Indien je in de adresbalk van Internet Explorer vóór het internetadres van mijn of uw blog of website, geen favicon ziet verschijnen, ondanks er een favicon toegevoegd werd, verwijder dan eens uw Tijdelijke Internetbestanden en Geschiedenis.
Klik hiervoor in IE op EXTRA > INTERNETOPTIES > onder BROWSEGESCHIEDENIS op VERWIJDEREN, vervolgens op BESTANDEN / COOKIES / GESCHIEDENIS VERWIJDEREN > SLUITEN > OK
Sluit daarna IE en start de browser terug op, dan zullen de favicons wel verschijnen

In bijlage kan je de favicons bekijken, die ik aanmaakte voor mijn blog blogtips en blogdesk

Bijlagen:
animated_favicon.gif (21.3 KB)   
favicon_blogdesk.ico (0.3 KB)   
favicon_blogtips.ico (0.3 KB)   
favicon_tekst_icoon2.html (7.3 KB)   

Beveiliging tegen opslaan van plaatjes
 Rechtermuisklik voorkomen &
boodschap nalaten
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

Voorlopig heb ik sommige delen van mijn blog http://blog.seniorennet.be/powerpointcrea voor het algemeen publiek afgeschermd met een gebruikersnaam en wachtwoord, zodat deze gedeelten enkel toegankelijk zijn voor wie er in het bezit van is
Dit geldt ook voor mijn website http://www.sunbeams.be

Wens je graag de afgeschermde gedeelten te kunnen bekijken, dan kan je steeds een mailtje sturen via de email-mij knop op dit blog, zodoende de gebruikersnaam en het wachtwoord te bekomen
Vergeet niet hierbij uw blog te vermelden en/of de nicknaam die je gebruikt bij seniorennet

Hierna kan je lezen, hoe je zelf ook uw blog kan afschermen en enkel toegankelijk maken voor uw vrienden:

Afscherming persoonlijk blog
enkel privé laten bekijken met behulp van een code 

 

Om welbepaalde redenen kan je ervoor kiezen uw blog bij seniorennet en bloggen.be enkel door vrienden te laten bekijken en niet door zomaar iedereen op internet
Je geeft dan aan uw vrienden een wachtwoord, waarmee ze uw blog kunnen bekijken

Werkwijze:
Log in en klik bovenaan op INSTELLINGEN
Scroll met de schuiflat naar beneden en zoek het hierbovenstaande gegeven op
Klik een bolleke bij JA, BEVEILIG MIJN BLOG MET EEN PASWOORD
Vul bij PASWOORD een paswoord in, dat NIET hetzelfde is als uw paswoord om in te loggen in uw blog 
Klik onderaan op WIJZIGEN
Hiermee is uw blog afgeschermd en kunnen enkel nog deze personen uw blog bekijken, aan wie je het wachtwoord hebt gegeven.

Wanneer je een afgeschermd blog aanklikt, krijg je onderstaand venster te zien, waarin de naam van de blog en het wachtwoord wordt gevraagd
Ken je het wachtwoord, vul dan in, bij:
GEBRUIKERSNAAM : de naam van de blog
WACHTWOORD: het wachtwoord dat je is medegedeeld door de eigenaar van de blog 

In het gewone ontwerpvenster, kan een nieuwe regel of alinea gemaakt worden door eenvoudig op de enter toets te drukken, al naar gelang de soort of de instelling van de editor
In de brontekst (ook broncode of bron genoemd) gebeurt dit anders, zie hierna:

In de bron, een nieuwe alinea aangeven met de tag <p>

Met de tag <p> wordt in de broncode (bron of brontekst) van een webpagina of blogbericht aangegeven dat u op die plaats een nieuwe alinea begint.
De alinea beëndigen doen we met de eindtag  </p>

Een alinea begint en eindigt steeds met een witregel (ook blanco regel of lege regel genoemd), deze witruimte met regel wordt bij gebruik van het p element automatisch toegevoegd

De letter p is de afkorting van paragraph

Zie voorbeeld:

<p>Hier komt de tekst</p>

Een alinea tekst uitlijnen door in de tag <p> 
één van de attributen toe te voegen:
 align="right",  align="left" of  align="center"

Voorbeeld:

<p align="left">Deze alinea is links uitgelijnd
door in de tag <p> het attribuut align="left" toe te voegen
De tekst staat tegen de linkermarge.</p>

<p align="center">Deze alinea is gecentreerd door
 in de tag <p> het attribuut align="center" toe te voegen
De tekst staat gecentreerd</p>

<p align="right">Deze alinea is links uitgelijnd door
 in de tag <p> het attribuut align="right" toe te voegen
De tekst staat tegen de rechtermarge</p>

Een afbeelding, tekst of ander element
centreren met de tag <center>

Met de tag <center>  kan een tekst, afbeelding of andere element gecentreerd worden, zonder dat een nieuwe alinea moet worden begonnen en hierbij een blanco regel wordt toegevoegd
Om een tekst of ander element te centreren, wordt bij het begin <center> getypd
en aan het eind  </center>

Maar het gebruik van de tag <center> is niet meer aangewezen, daar het gebruik van <center> in de toekomst mogelijks niet meer ondersteund wordt in de nieuwe browsers

In plaats v/d verouderde code <center> en </center>
kunnen we beter <div align="center"> en </div> gebruiken

Net zoals bij de code <center>...</center> wordt bij gebruik van <div align="center"> geen lege (blanco) regel toegevoegd, zoals dit wel gebeurd bij <p align="center">
en bovendien wordt al wat geplaatst wordt binnen <div align="center">...</div> gecentreerd.

Soms willen we tekst op een volgende regel beginnen, i.p.v. met een nieuwe alinea te beginnen met bijbehorende witregel, waarbij een lege ruimte tussen de regels komt te staan. In dat geval gaan we dan dus zeker niet de tag <p> gebruiken.

Een nieuwe regel in de bron aangeven met de tag <br />

Soms willen we tekst op een volgende regel beginnen, i.p.v. met een nieuwe alinea te beginnen met bijbehorende witregel, waarbij een lege ruimte tussen de regels komt te staan.
In dat geval gaan we dus niet de tag <p> gaan gebruiken maar wel de tag <br />.

br is de afkorting van BReak...

Typ de tag <br /> aan het eind van een tekst, waarvan het vervolg op een nieuwe regel moet komen

Zie voorbeeld in de broncode:

Give a man a fish <br />
and you feed him for a day. <br />
Teach a man to fish <br />
and you feed him for a lifetime.

Wilt u de tekst op een nieuwe regel gecentreerd zien, dan kan dit zo:
<div align="center">
Give a man a fish <br />
and you feed him for a day. <br />
Teach a man to fish <br />
and you feed him for a lifetime
</div>

<p align="center">
Give a man a fish <br />
and you feed him for a day. <br />
Teach a man to fish <br />
and you feed him for a lifetime
</p>

Tekst opmaken: vette en/of cursieve tekst

Door in de broncode de tag <strong> bij het begin van een tekst te typen en deze tekst te beëindigen met de sluittag </strong> wordt de tekst tussen <strong> .... </strong> in de browser in het vet weergegeven

Voorbeeld:    <strong>Deze tekst staat in het vet</strong>

Door in de broncode een tekst te beginnen met de openingstag <em> en de tekst te beëindigen met de sluittag </em> wordt de tekst tussen <em> .... </em> cursief weergegeven in de browser

Voorbeeld:    <em>Deze tekst staat in het vet</em>

Tags (codes) kan men combineren

Een tekst tegelijk vet en cursief opmaken
door de ene tag binnen de andere te plaatsen

<em> <strong>Deze tekst staat in vet en in cursief</strong></em>

Bij het combineren van tags (codes), zodoende te bekomen dat de tekst in de browser tegelijk vet en cursief wordt weergegeven, wordt de ene tag steeds binnen de andere geplaatst.

Hierboven ziet u een voorbeeld, waarbij de openings-tag <strong>en sluit-tag </strong> ingesloten worden in de openings-tag <em>en sluit-tag </em>

Onmiddellijk vóór en na de tekst vind u de openingstag en sluittag van code 1
langs de buitenzijde van code 1 komen dan de openingstag en sluittag van code 2

Hieronder vind u een voorbeeld van een FOUTIEVE code:

<strong> <em>Hier zijn de codes foutief geplaatst</strong> </em>

Dit wil nog niet zeggen dat het verkeerd aanbrengen van de tags, op het scherm zichtbaar is.
In bepaalde gevallen corrigeert de browser zelf de gemaakte fout, zodat op het scherm niets van het foutief plaatsen van de tags te zien is, maar dit betekent nog niet dat de code niet foutief aangebracht is

De hieronder te vinden verouderde tags, die vroeger ook werden gebruikt om tekst vet of cursief te maken, worden bij voorkeur best niet meer gebruikt, daar deze werkwijze nu afgekeurd wordt.
<b> vet                        <i> cursief