Aangemaakte reacties

10 reacties aan het bekijken - 1 tot 10 (van in totaal 10)
  • Richard,
    Maak vooraf eerst een kopie en bewaar deze.
    In het bestand style.css vind je op regel 382 de volgende tekst:

    #access {
        background: none repeat scroll 0% 0% rgb(203, 145, 63);
        display: block;
        float: left;
        margin: 0px auto;
        width: 940px;
    }

    Verander rgb(203,145,63) in de door jou gewenste kleurcode.
    Welke kleurcode?
    Kijk eens op http://colorpicker.com.

    PS
    In plaats van een rgb(50,62,128) kan je ook een #99cc66;[groen] code gebruiken.

    In het dashboard>weergave>menu kan je zien of / hoeveel menu’s en sub-menu’s jouw theme ondersteunt.
    Maak een sub-menu aan [rechts] en activeer het [links]

    De opmaak van elk is aan te passen in het stylesheet.

    Ik heb naar je site gekeken in IE en Firefox.
    De Achtergrond en kleuren zijn hier en daar anders op de afrekenen pagina, maar de pagina ziet er netjes uit.
    Wat is het probleem? Wees meer precies, over wat er niet is zoals bedoelt.

    Begin met het maken van een childtheme. Zo blijven je aanpassingen bewaard als de maker van je originele theme een update doet!
    1. Handig: Installeer ‘one click plugin’ en activeer het
    2. Dan Dashboard > Weergave > Child theme
    3. Vul de velden in…. done
    4. Dashboard >weergave >themes
    5. activeer je nieuwe childtheme
    [zie ook: http://codex.wordpress.org/Child_Themes]
    De ‘style.css’ van het childtheme ziet er ongeveer zo uit:

    /*
    Theme Name:     your childthemenaam
    Description:    Beschrijving van het childtheme
    Author:         webmaster
    Template:       magazine-premium [mijn originele theme]
    Version:	[optioneel zelf verzinnen]	0.3 31-10-2012
    (optional values you can add: Theme URI, Author URI, Version)
    */
    
    @import url("../magazine-premium/style.css");

    Alle aanpassingen doe je nu in DIT css bestand.

    Opties:
    1. je theme [origineel en child] laten het toe kleur / opmaak aanpassingen te maken?
    > pas het uiterlijk aan door de settings van het theme te veranderen.

    2. pas zelf aan:
    – installeer een webtool / plugin voor je browser, zodat je de code van een / jouw / elke site kan bekijken en analyseren.
    Bijv. http://chrispederick.com/work/web-developer/firefox/

    – in InternetExplorer 8/9 druk [F12]
    Je ziet nu de code voor de betreffende pagina.

    == == ==
    – Open de pagina die je wilt aanpassen
    – Open de webtool
    – klik muisaanwijzer in de tool uiterst links [FFox en IE]
    – klik item in de webpagina, bijv menu
    Onderin je webtool scherm wordt nu de code getoond voor het betreffende onderdeel
    – maak een item aan voor het betreffende onderdeel in de stylesheet van je child theme met de door jouw gewenste waarden en sla op en upload naar je website.

    Heel handig werkt in dit verband:
    Notepad++ [gratis webeditor]
    in combinatie met Filezilla [gratis FTP]
    (stel notepad++ als standaard editor in van ftp)

    Voorbeeld:

    #mainMenu{
               background-color:#000000;
               }

    [zwart]
    verander in:
    #mainMenu{ background-color: #99cc66;
    }` [appeltjes groen]
    kijk eens voor meer info over css:
    http://codex.wordpress.org/CSS
    http://codex.wordpress.org/Finding_Your_CSS_Styles
    verder zijn er veel sites die je meer kunnen leren over webdesign.
    Heel goed, maar niet gratis…
    http://www.lynda.com [geen banden, wel tevreden klant…]

    1. gebruik een TEXT-editor dus niet MSWord zoals NOTEPAD++ [gratis te downloaden]
    2. wijzig je ‘style.css’
    [ belangrijk om te weten: de laatste = onderste waarde in een css is dominant en wordt dus uitgevoerd en zichtbaar.
    Voorbeeld:
    bovenin staat: menu{color:#000000;} [zwart]

    daaronder staat:#menu{ color: #99cc66 }[appeltjes groen]
    Uitkomst: [appeltjes groen]

    Om ALLE text kleur elementen in EEN keer te veranderen:

    *{color:#fff000; [geel]

    Wil je alleen een specifiek element veranderen, geef dan de wenste kleur op in het betreffende element

    … toevoeging bovenstaande …

    Verander
    @import url("http://www. ........ nl/Pinboard/style.css");

    in
    `@import url(“../Pinboard/style.css”); letterlijk! en je hebt heel grote kans dat het werkt.

    Suggestie:
    1. Wis het eerder aangemaakte childtheme [gebruik bv FTP].
    2. Installeer en activeer ‘One click ChildTheme’
    3. Ga [terug] naar >Weergave >Themes en Activeer het ‘originele theme’
    4. in dashboard click >Weergave >Childtheme
    Vul de velden in > Een nieuw child theme wordt aangemaakt.
    5. Ga [terug] naar >Weergave >Themes
    6. Activeer het nieuwe chiltheme

    Nu kan je style.css en evt. php files aanpassen naar je eigen wensen

    Je childtheme style.css moet er ongeveer zo uitzien:

    /*
    Theme Name:     Jouw themenaam
    Description:    childtheme originele themenaam
    Author:         www.jouwsite.nl
    Template:       originele themenaam
    Version:	[optioneel zelf verzinnen]	0.996-f 06-10-2012
    (optional values you can add: Theme URI, Author URI, Version)
    */
    
    @import url("../originele themenaam/style.css");

    Dit is een gokje..
    Wat als je de pijl op een transparante ondergrond plaatst [bv.pijl.png]?

    Simpeler is wellicht de achtergrondkleur, de textkleur, of onderstreping voor een actieve menu-item te veranderen.
    Natuurlijk kan je ook de afbeelding van het menu-item veranderen als je met de muis erboven staat / aangeklikt wordt.

    Hieronder een voorbeeld de code heeft een VASTE volgorde!!

    /*vaste volgorde links */
    a:link {
    	color: #663B18;
    	text-decoration: none;
    }
    a:visited {
    	text-decoration: none;
    	color: #663B18;
    }
    a:hover {
    	text-decoration: underline;
    	color: #AE833E;
    }
    a:active {
    	text-decoration: none;
            background: url(images/knopmetpijl.png) repeat:none;
    	color: #663B18;
    }
    /* >> */

    Forum: Thema en CSS/opmaak
    In antwoord op: menubalk inkorten

    Geef de breedte op van het menu

    1. kijk welke 'div id="menunaam" gebruikt wordt in jouw theme en gebruik die om je css aan te passen. Voor dit voorbeeld gebruik ik nu 'mainMenu'.

    CSS wordt dan:

    #mainMenu{width:800px;}

    Natuurlijk kan je hier ook de overige eigenschappen kwijt zoals kleur, lettertype, etc.
    NB!
    Maak aanpassingen aan je theme bij voorkeur in een child theme van je originele theme. Zo voorkom je verrassingen als de bouwer van je theme een update doet en over al jouw instellingen installeert…
    Je kunt hiervoor bijv. ‘One click childtheme -plugin’ gebruiken.

    1. Welk probleem heb je en waarom denk je dat dit te wijten is aan de instelling van de rechten? Wat wil je bereiken?

    2. In het dashboard > Gebruikers zie je een overzicht van de aangemaakte gebruikers en hun rol = rechten. Zoek ook eens in de documentatie. bijv. http://wordpress.org/search/rechten

    3.Via phpMyAdmin kun je ook de database direct benaderen en daar de rechten bekijken. Opgelet! Een fout is snel gemaakt, en moeilijker op te lossen.

    If it ain’t broken, don’t fix it!
    Als het werkt, blijf er dan van af!

10 reacties aan het bekijken - 1 tot 10 (van in totaal 10)