NIEUW: Blog reclamevrij maken?
Inhoud blog
  • Schuifbalk aanpassen aan je achtergrondkleuren...
  • Achtergrond
  • anchor
  • formulier tekstarea - formulier tekst en titel (gastenboek)
  • Formulier knop
  • De kolommen
  • Berichten titel een achtergrond geven
  • Berichtenvak en de titel van de berichten
  • de datum
  • Titel en ondertitel aanpassen
  • achtergrond veranderen - volledig scherm
  • backup maken
  • fase 3 - de achtergrond - middenvak
  • lijst blokjes veranderen - fase 2
  • wijzigen uitzicht blog nr17 - fase 1 - de hyperlinks aanpassen
    Gastenboek
  • naahbn
  • gelukkig nieuwjaar ingrid
  • Wens je een mooie vrijdag lieverd
  • k,wens je een fijne zondag lieverd
  • plaatje

    Druk oponderstaande knop om een berichtje achter te laten in mijn gastenboek

    Foto
    Laatste commentaren
  • dit werkt niet (FSDesign )
        op Schuifbalk aanpassen aan je achtergrondkleuren...
  • Hallo (christine)
        op Achtergrond
  • aan een lieve vriendin "Ingrid (labores)
        op backup maken
  • Welkom op het blog Pip (Pip)
        op Berichten titel een achtergrond geven
  • goed uitgelegt Ingridje,"een grote mercie" (flodder)
        op backup maken
  • Hoofdblogs
  • Anastacia's Pages
  • Digital World
  • Pixeldream
    Hoofdpunten blog anastacia
  • Reuzen Weekend
  • Mijn zoektocht...
  • Warm water kan tal van ziekten behandelen
  • 50 Shades of grey
  • Facebook
    Zoeken in blog

    Dit is een tekstje die ik bij 'personaliseer - 'vrije tekst' toegevoegd heb:

    ***
    Bloggen is fun

    ***

    Foto
    Uitzicht Blog
    Hier zullen verschillende layouts komen van bloggers die dit wensen.
    10-02-2011
    Klik hier om een link te hebben waarmee u dit artikel later terug kunt lezen.Schuifbalk aanpassen aan je achtergrondkleuren...

    Zoals je ziet is de schuifbalk anders van kleur.
    Dit effect bekom je door de script tussen je Head tags te voegen bij wijzigen uitzicht blog. Uiteraard zijn de kleuren allemaal te veranderen in de kleuren die bij je blog passen...

    Pas wel op dat je na iedere kleurcode de punt-komma niet vergeet!!!


    Plak deze code tussen de <head>....</head> tags en verander je kleurcodes naar eigen zin.

      
      <STYLE type="text/css">
        BODY {scrollbar-3dlight-color:#332F31;
               scrollbar-arrow-color:#FFE6FF;
               scrollbar-base-color:#DEB887;
               scrollbar-track-color:#827582;
               scrollbar-darkshadow-color:#FFE6FF;
               scrollbar-face-color:#827582;
               scrollbar-highlight-color:#FFE6FF;
               scrollbar-shadow-color:#DEB887}
      </STYLE>        

     


    Succes!!!


    Reageer (1)
    13-07-2009
    Klik hier om een link te hebben waarmee u dit artikel later terug kunt lezen.Achtergrond

    Voor wie het wil
    deze achtergrond is vrij te gebruiken voor op uw blogje
    aansluitend zie je de kleurcodes die je kan gebruiken.
    Spelen met kleurtjes en je kan er nog heel iets anders van maken.




    rechts klikken en opslaan
    daarna moet je het enkel nog uploaden bij je host website(photobucket, imageshack enzoverder...)




    **********

    Als u zoiets wel interessant vindt dan wil ik wel geregeld hier iets opzetten om te gebruiken.
    U vraagt maar...


    **********


    Reageer (1)
    24-06-2009
    Klik hier om een link te hebben waarmee u dit artikel later terug kunt lezen.anchor

    Als je onder de berichtjes kan reageren dan is dit de code om het te veranderen

    .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;
    }


    Reageer (0)
    Klik hier om een link te hebben waarmee u dit artikel later terug kunt lezen.formulier tekstarea - formulier tekst en titel (gastenboek)

    Deze code bepaalt de invulvakken zoals bij het gastenboek of het vakje zoeken in blog - dus de vakjes waar je iets moet intypen.


    .formulier_tekstarea
    {
     font-family: Verdana,Helvetica,Arial;
     font-weight: bold;
     font-size: 12px;
     border-width: 1px;
     border-style: solid;
     border-color: #000000;
     background-color: #ffffff;
    }







    Uw naam *
    Uw e-mail *
    URL
    Titel *
    Reactie *
    Veiligheidscode *
    Code voorlezen
    Nieuwe code aanvragen


    Typ de cijfers/letters die u ziet in de figuur exact over in het tekstvak onder de figuur. Zo is het zeker dat u een bezoeker bent en geen machine.
    Kan u de code niet lezen?
    Klik dan HIER om een nieuwe in te laden, blijf dit doen totdat je ze wl kan lezen en overtypen. Zo wordt spam vermeden op dit blog en de veiligheid gegarandeerd.
      Persoonlijke gegevens onthouden?
    (* = verplicht!)



    Als je naar het gastenboekje gaat dan zie je daar ook tekst rond de invulvakjes staan zie hierboven - zie hieronder over welke code bij wijzigen uitzicht dit gaat:

    .formulier_tekst
    {
     font-family: Verdana,Helvetica,Arial;
     font-size: 12px;
     font-weight: normal;
     color: #ffffff;
    }


    De titel boven de invulvakjes van het gastenboek  "Gastenboek ( met aantal berichten)
    Laat hier een bericht achter in het gastenboek..."


    Daar dient deze code voor:

    .formulier_titel
    {
     font-family: Verdana,Helvetica,Arial;
     font-size: 15px;
     font-weight: bold;
     padding-left: 3px;
     padding-right: 3px;
     padding-bottom: 3px;
     padding-top: 3px;
     color: #ffffff;
    }


    Reageer (0)
    Klik hier om een link te hebben waarmee u dit artikel later terug kunt lezen.Formulier knop

    Formulier knop - dat zijn de vakjes waar je op moet klikken om iets in het gastenboek te schrijven of om een e-mail te sturen

    zie hieronder welke code daarvoor gebruikt wordt


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


    Reageer (0)
    21-06-2009
    Klik hier om een link te hebben waarmee u dit artikel later terug kunt lezen.De kolommen

    Bij bg_linkerkant kan je de achtergrond en de randen een kleurtje geven - dit gaat tegelijkertijd ook de rechterkolom veranderen. Wil je geen rand zet de px dan op 0

    .bg_linkerkant
    {
     border-color: #FFA500;
     border-style: solid solid solid solid;
     border-right-width: 1px;
     border-left-width: 1px;
     background: #324e26;                            
    }


    Titel vrije zone = gastenboek,  inhoud blog, enzovoort...
    Je kan daar ook een achtergrondkleur aangeven en een randje, lettertype en grootte aanpassen.

    Daartoe moet je code toevoegen zijnde:
    background: #+kleurcode ;
    border-color: #+kleurcode ;

    Als je een dubbel lijntje als rand wil dan zet je deze code erbij :

    border-style: double double double double;
    border-top-width: 5px;
    border-right-width: 5px;
    border-bottom-width: 5px;
    border-left-width: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-top: 5px;


    .titel_vrije_zone

    {
     font-family: Arial, Verdana, Helvetica;
     font-size: 18px;
     font-weight: bold;
     text-align: center;
     color: #ffa500;
    }

    De code voor freezone_content = alle tekst in de kolommen
    Het mooist is als je de kleur die je gebruikt bij de hyperlinks hier ook neemt.

    .freezone_content
    {
     font-family: Arial, Verdana, Helvetica;
     font-size: 16px;
     font-weight: normal;
     padding-left:5px;
     padding-right:5px;
     color: #FFFF00;
    }


    Reageer (0)
    Klik hier om een link te hebben waarmee u dit artikel later terug kunt lezen.Berichten titel een achtergrond geven

    Als je bv een drukke achtergrond hebt, is de titel soms niet goed leesbaar van je berichten. Soms helpt het om een duidelijke kleur te geven, maar in geval dit niet lukt kan je het ook een effen achtergrondje geven. Daartoe zet je de code background: #kleur naar wens;  bij je code van post_titel.

    .post_titel
    {
     font-family: Lucida calligraphy, Arial, Verdana, Helvetica;              
     font-size: 18px;
     font-weight: bold;
     color: #000000;
     background: #FFA500;
    }

    .post_titel:hover
    {
     font-family: Lucida calligraphy, Arial, Verdana, Helvetica;
     font-size: 18px;
     font-weight: bold;
     background: #ffa500;
     color: #000000;
    }


    Reageer (1)
    Klik hier om een link te hebben waarmee u dit artikel later terug kunt lezen.Berichtenvak en de titel van de berichten

    Dus al waar je font-family ziet staan: dat heeft te maken met het lettertype die gebruikt wordt - Waarom staan er meerdere? Wel omdat niet iedereen met hetzelfde besturingsprogramma zit en daardoor bepaalde lettertypes niet kan lezen - de drie die er standaard bijstaan is omdat die wel overal te lezen zijn, dus je laat ze beter in het rijtje staan en je zet er gewoon jouw gekozen lettertype voor (vergeet de komma niet erachter) zo kan iedereen toch je berichtje lezen.

    Font-size:  grootte van de tekst
    Font-weight:  vetgedrukt of normaal
    Color:             kleur van de tekst


    De post_titel en post_titel:hover verander je bij beide hetzelfde
    zo kan er geen conflict onstaan.


    .post_titel
    {
     font-family: Lucida calligraphy, Arial, Verdana, Helvetica;              
     font-size: 16px;
     font-weight: bold;
     color: #FFA500;
    }

    .post_titel:hover
    {
     font-family: Lucida calligraphy, Arial, Verdana, Helvetica;
     font-size: 16px;
     font-weight: bold;
     background: #ffffff;
     color: #FFA500;
    }

    td.bericht_content heeft te maken met het venster van je berichtje
    wil je dit venster een achtergrondkleurtje geven dan zet je gewoon de code background met een kleurtje of afbeelding erbij. Dat is handig wanneer bijvoorbeeld je achtergrond nogal druk is en je de teksten niet goed kan lezen. 

    Border_color: hier kan je je kader een ander kleurtje geven of het gewoon weglaten indienje dit liever ziet

    border_style: solid is een effen lijntje, double is een dubbele lijn
    border_top_width: is dikte van het kader bovenaan dan heb je nog right,bottom,en left.

    Padding : De padding bepaalt de afstand die vrijgehouden wordt tussen de inhoud en de verschillende randen 


    td.bericht_content
    {
     font-family: Arial, Verdana, Helvetica;
     font-size: 18px;
     font-weight: normal;
     border-color: #FFA500;                          
     border-style: solid solid solid solid;
     border-top-width: 5px;
     border-right-width: 5px;
     border-bottom-width: 5px;
     border-left-width: 5px;
     padding-left: 5px;
     padding-right: 5px;
     padding-bottom: 5px;
     padding-top: 5px;
     color: #FFffff;
    background: #000000
    }

    .bericht_content_lettertype
    {
     font-family: Arial, Verdana, Helvetica;
     font-size: 18px;
     font-weight: normal;
     color: #FFFFFF;
    }


    Reageer (0)
    Klik hier om een link te hebben waarmee u dit artikel later terug kunt lezen.de datum

    .datum
    {
     font-size: 12px;                                         grootte van de tekst
     font-family: Arial, Verdana, Helvetica;       lettertype
     font-weight: bold;                                     vet of niet vet  - bold of normal
     color: #FF69B4;                                      kleur veranderd in hotpink
    }


    Reageer (0)
    19-06-2009
    Klik hier om een link te hebben waarmee u dit artikel later terug kunt lezen.Titel en ondertitel aanpassen

    Hier kan je de kleur, grootte, lettertype aanpassen voor de titel bovenaan

    .top_titel
    {
     padding: 16px;            hoe hoger je dit aantal zet, hoe groter het achtergrondvlak wordt.
     text-align: center;        
     font-size: 30px;           hier kan je de lettergrootte instellen
     font-weight: bold;        hier kan je kiezen tussen vet of normaal zijnde- bold of normal 
     font-family: Courier New, Courier, mono;      hier kan je een ander lettertype ingeven
     background: #EE82EE;   hier kan je een ander kleurtje zetten of gewoon de background wegdoen dan staat je tekst gewoon op dezelfde achtergrond als je hele bladzijde.
     color: #800080;    hier kan je de kleur van je tekst veranderen 
    }

    Hier kan je de kleur, grootte, lettertype aanpassen voor de ondertitel bovenaan

    .ondertitel
    {
     font-family: Courier New, Courier, mono;  lettertype veranderen
     font-size: 17px;                                         grootte van de tekst
     font-weight: bold;                                      vetgedrukt of normaal
     text-decoration: none;                                hier zou je nog je tekst kunnen onderlijnen = underline ipv none 
     color: #FFFFFF;                                      hier de kleur van de tekst
    }

    Vergeet vooral geen punt komma  ;  na iedere afsluiting - ook belangrijk zijn de accolades  {    } daartussen staat de stijl die moet toegepast worden op het desbetreffende deel


    Reageer (0)
    Klik hier om een link te hebben waarmee u dit artikel later terug kunt lezen.achtergrond veranderen - volledig scherm
    In plaats van alleen het middenvak een nieuw achtergrondje of kleurtje te geven kun je ook opteren om het over de hele bladzijde te doen.

    Daarom gaan we bij 'general_bg'
    de code gaan aanpassen

    .general_bg
    {
      background-image: url(http://img5.imageshack.us/img5/1120/texture1551514dd6.jpg);
      background-attachment: fixed;
      background-position:top center;    
    }

    Daartoe kunnen we dan de 'content_bg' code verwijderen maar opgepast enkel hetgeen tussen { } staat zoals voorbeeld hieronder

    .content_bg
    {

    }


    Reageer (0)
    Klik hier om een link te hebben waarmee u dit artikel later terug kunt lezen.backup maken

    Ga naar 'uitzicht wijzigen'
    Klik daar bij ' Geavanceerd - uitzicht aanpassen'  in het witte vak
    met je rechtermuis klik en doe ' alles selecteren '
    daarna nog eens rechtermuis klik en 'kopiren'

    Open nu je kladblok op je computer of word
    en plak het erin en geef het een naam vb backup-180609
    Sla op in een mapje vb Bloggen en maak daarin een submapje voor Backup
    Daarmee heb je steeds je eigen backup voor als het mocht misgaan.






    Reageer (2)
    18-06-2009
    Klik hier om een link te hebben waarmee u dit artikel later terug kunt lezen.fase 3 - de achtergrond - middenvak

    Als je nu enkel het middenstuk van je blog een ander kleurtje of een afbeelding wil geven, dan doe je dat bij volgende code bij wijzigen uitzicht blog.

    .content_bg
    {
      background-image: url(http://img5.imageshack.us/img5/1120/texture1551514dd6.jpg);
      background-attachment: fixed;
      background-position:top center;
    }


    Wil je enkel een ander kleurtje
    dan pas je de code als volgt aan

    .content_bg
    {
       background: #FF0000;     dit is vb. Rood
    }

    Dit zal dus enkel het middenvak veranderen!


    Reageer (0)
    16-06-2009
    Klik hier om een link te hebben waarmee u dit artikel later terug kunt lezen.lijst blokjes veranderen - fase 2

    Als je de lijst blokjes wil veranderen kan dat ook - ofwel neem je een ander list nummer van seniorennet (kan je gaan bekijken bij de uitzicht blog seniorennet) ofwel zoek je er eentje op het internet.


    LI
    {
     list-style-image: url(http://media.bigoo.ws/content/icon/mini_icons/mini_icon_105.gif);
    }

    je verandert enkel de link tussen de haakjes.


    Dit is het voorbeeld die ik gevonden heb - als je de code kopieert krijg je een heleboel overbodige links - dus haal er enkel de link uit die nodig is zie rode tekst


    <a href="http://www.bigoo.ws"><img alt="myspace glitters" border="0" src="http://media.bigoo.ws/content/icon/mini_icons/mini_icon_105.gif"></a><p style="margin-top: 0; margin-bottom: 0"><a href="http://www.bigoo.ws">myspace glitters</a></p>


    moest je dit niet doen, dan zou je icoontje zo staan met de ondertekst myspace glitters

    myspace glitters
    myspace glitters

    **********


    Reageer (0)
    Klik hier om een link te hebben waarmee u dit artikel later terug kunt lezen.wijzigen uitzicht blog nr17 - fase 1 - de hyperlinks aanpassen

    Ik zal hier proberen om het zo simpel mogelijk uit te leggen aan de hand van kleurtjes, hoe je dingen kunt veranderen en waar de code staat bij wijzigen uitzicht.

    <HTML>
    <HEAD>

    {META_TAGS}

    <style>

    a   dat zijn de hyperlinks
    {
     font-family: Arial, Verdana, Helvetica;
        <-- lettertype veranderen                                                 hier kan je een nieuw lettertype bijvoegen - vergeet niet na elk type die je bijvoegt een komma te plaatsen en nadat alle lettertypes op hun plaats staan afsluiten met een punt komma ; anders lukt het niet- doe ook de gewone lettertype niet weg want indien het soort lettertype dat jij verkiest niet op de pc van de gebruiker staat kan die niks lezen - Arial & Verdana zijn types die op iedere computer wel te vinden zijn.
     font-size : 14px;  hier kan je de grootte van de tekts mee bepalen - uitproberen wat je best vindt maar maak het ook niet te groot.
     font-weight: normal;   hier kan je kiezen voor normal, vetjes, schuin
     text-decoration: none; Daar we hier de hyperlinks aan het veranderen zijn zetten we decoration none anders blijven je links onderlijnt
     color: #FFFF00;  hier verander je de kleur van je tekst #ffff00 is dus geel
    }

    a:hover     de hover wilt zeggen als je met je cursor over de link gaat
    {
     font-family: Arial, Verdana, Helvetica;
      je lettertype die je hierboven veranderd hebt moet je hier nu idem doen
     font-size: 14px; ook je grootte aanpassen gelijk je hierboven eventueel hebt gedaan anders zal je tekst springen
     font-weight: normal; idem dito hier
     text-decoration: underline;  hier kan je nu kiezen! ofwel komt er een lijntje als je met je cursor over de tekst gaat ofwel zet je "none" en dan onderlijnt de tekst niet.

     color: #FFFF00;  hier kan je ook een ander kleurtje geven - is naar je eigen goesting!
    }

    Zoals je ziet in de kolommen is de tekst van de hyperlinks nu geel.
    'k Hoop dat het wat duidelijk is, want uitleggen is nog niet zo gemakkelijk...
    Ik ga stelselmatig doorgaan met uitleg.

    **********


    Reageer (0)




    E-mail mij

    Druk op onderstaande knop om mij te e-mailen.


    Rondvraag / Poll
    Vinden jullie deze uitleg duidelijk?
    Ja
    Nee
    Bekijk resultaat


    Dropbox

    Druk op onderstaande knop om je bestand naar mij te verzenden.


    Archief per week
  • 07/02-13/02 2011
  • 13/07-19/07 2009
  • 22/06-28/06 2009
  • 15/06-21/06 2009

    Blog als favoriet !

    Foto


    Blog tegen de regels? Meld het ons!
    Gratis blog op http://blog.seniorennet.be - SeniorenNet Blogs, eenvoudig, gratis en snel jouw eigen blog!