Ondersteuning » Code oplossingen gezocht » binnen kant kleur van de slider van mij website veranderen van zwart naar andere

binnen kant kleur van de slider van mij website veranderen van zwart naar andere

  • johannes999

    (@johannes999)


    9 jaren, 2 maanden geleden

    hallo,
    my website url is http://premieroptie.nl ik heb 2 dagen geprobeerd om binnen kleur van mij website slider welke is zwart te veranderen naar orange,maar is niet gelukt.
    de code is

    body{
    background:url(images/body-tail.gif) center 0 repeat #ffffff;
    color: #ffffff;
    font: 14px Arial, Helvetica, sans-serif;
    position:relative;
    }
    .bg {
    width:100%;
    background:url(images/bg-tail.jpg) center 0 repeat-x ;
    }
    .main-shadow {
    width:100%;
    background:(images/main-shadow.png) center 0 no-repeat ;
    }

    #main {
    font-size:14px;
    line-height:18px;
    width:1000px;
    margin:0 auto;

    }

    .reg {text-transform:uppercase;}

    ik kunde wel de buiten kant van de slider van kleur grijs naar wit veranderen met deze code hieronder welke is boven ook vermeld
    background:url(images/body-tail.gif) center 0 repeat #ffffff;
    hoe ik kan de kleur vanbinnen kant veranderen.
    plus ik wil de zwarte kleur van de drie content(data recovery service ,laptopt desktop reparatie service etc.) onder de slider vervangen met andere kleur.
    dank u wel
    johan

15 reacties aan het bekijken - 1 tot 15 (van in totaal 18)
1 2
  • W.P. Ginfo

    (@wp-ginfo)

    9 jaren, 2 maanden geleden

    Hi Johan,

    De achtergrond van de slider bestaat NIET uit een kleur, maar is een reeks van achtergrondplaatjes. Daarom heeft het veranderen van de achtergrondkleur geen effect.

    Suggestie: open [een kopie van] die achtergrondplaatjes en verander de kleur van die plaatjes. [Hiervoor gebruik je een tekenprogramma.]
    Vervolgens upload je die achtergrondplaatjes weer…

    Thread starter johannes999

    (@johannes999)

    9 jaren, 2 maanden geleden

    dank u wel,
    ik had toen changing color scheme gekocht voor $99 met deze theme, maar ik kan nu deze changing color scheme niet meer vinden.
    ik wil weten in welke map een kopie van die achtergrondplaatjes kan vinden. in welke map of dir van wordpres staat een kopie ervan. ik heb in theme map bekijken onder wp-content map ,maar ik kunde daar niets vinden.
    als u mij een aanwijzing geeft dan ik kan zoeken.
    plus welke tekenprogramma is de best om te gebruiken
    johan

    W.P. Ginfo

    (@wp-ginfo)

    9 jaren, 2 maanden geleden

    Elk tekenprogramma voldoet.
    Heb je er nog geen? Kijk eens naar GIMP [gratis].

    map: ../themes/theme1591/images/..
    map: ../wp-content/uploads/2014/05/..

    == == == Extra
    Als je precies wilt zien welke elementen je site heeft en welke opmaak-kenmerken [css] daarbij horen,rechtsklik en kies ‘element inspecteren’.

    Zo kan je op zoek naar de diverse elementen en de kenmerken zoals kleuren, layout etc. aanpassen.

    Thread starter johannes999

    (@johannes999)

    9 jaren, 2 maanden geleden

    dank u wel ,
    ik zie drie aparte images net als staat op mij website drie wisselend images in de slider .nu mij vragen zijn
    1-moet ik alle drie apart bewerken en uploaden?
    2-ik zie ook verschillend maten van deze images bijv.540×300, 220×155 ect. zou het kiezen van maten van deze images beïnvloed hebben bij uploaden na webserver( na bewerken van het kleuren).
    3-ik heb GIMP gedownload ,ik zie dat ik kan kleuren veranderen naar groen, blauw maar niet naar Orange doe ik hier iets verkeerd? of misschien Orange is niet gesteund !
    johan

    W.P. Ginfo

    (@wp-ginfo)

    9 jaren, 2 maanden geleden

    1. ja alle drie
    2. bewerk de afbeelding zonder de maat-aanduiding. WP slaat vervolgens een aantal verschillende maten op [zie instellingen > media]
    3. je kan elke kleur kiezen die je wilt;

    Open de afbeelding in GIMP
    Druk <CTRL-B> >> de gereedschapskist opent
    Dubbelklik de voorgrondkleur
    Kies een nieuwe kleur
    Kies ‘verfemmer’
    Verander de kleur in je afbeelding

    zie: https://www.youtube.com/user/cursusfotobewerken

    Thread starter johannes999

    (@johannes999)

    9 jaren, 2 maanden geleden

    bedankt,
    ik heb wel gevonden hoe ik moet kleuren aanpassen ,maar met GIMP er is een probleem wanneer ik kies een voorgrond kleur bijv. oranje of blauw hij laat altijd kleine zwarte vlekken.
    ik heb fotoshop proef versie gedownload maar het lijkt dat ik kan niet 100% gebruik maken ervan om mij doel te bereiken.
    wat denkt u ervan zou ik fotoshop gebruiken of abonnee worden .
    zou het waard zijn !
    dank u wel
    johan

    W.P. Ginfo

    (@wp-ginfo)

    9 jaren, 2 maanden geleden

    Johan,

    Bij het aanpassen van kleuren werken alle grafische programma’s heel nauwkeurig. Bij de selectie van de te vervangen kleur wordt alleen de gekozen kleur vervangen en een kleur die er voor ons oog bijna hetzelfde uitziet wordt niet vervangen. Daarom krijg je in eerste instantie een ‘vlekkerig’ resultaat.
    Herhaal het proces gewoon, totdat alles de kleur heeft die jij wilt…

    Alternatief…
    Maak zelf een achtergrondplaatje in de gewenste kleur

    Thread starter johannes999

    (@johannes999)

    9 jaren, 2 maanden geleden

    ten eerste bedankt voor alle informatie,
    ik heb paar dagen bezig geweest met fotoshop. het lijkt mij beter te zijn dan GIMP volgens mij en ik heb 1 jaar geabonneerd.
    ik heb drie slider images veranderd van kleur in fotoshop
    slide 1 ,slide 2,slide 3 net als staat in map 2014/05 .
    ik heb deze 3 jpg bestanden geüpload naar mij strato ftp server via Filezilla. maar er veranderd helemaal niets van de kleur .
    ik heb f5 functie geprobeerd om mij website te vernieuwen maar geen resultaat.
    ik weet niet meer hoe ik kan deze probleem oplossen. wat is fout hier. hoe ik kan deze probleem oplossen.
    johan

    W.P. Ginfo

    (@wp-ginfo)

    9 jaren, 2 maanden geleden

    1. Vergewis jezelf dat je het JUISTE bestand hebt gewijzigd
    2. geef de gewijzigde versie DEZELFDE NAAM
    3. bij het her-uploaden >> overschrijf de oude versie

      4. Nu zou de wijziging zichtbaar moeten zijn…

    Thread starter johannes999

    (@johannes999)

    9 jaren, 2 maanden geleden

    dank u wel ,
    het is eindelijk gelukt om te uploaden.
    maar nu is 1 probleem de sliders gaat achter elkaar in vreemde manier openen als u mij website kijkt dan begrijpt u wat ik bedoel
    http://premieroptie.nl hoe ik kan deze probleem oplossen .

    johan

    W.P. Ginfo

    (@wp-ginfo)

    9 jaren, 2 maanden geleden

    Dit is het zgn overgangseffect, dus geen probleem, maar een optie / instelling.
    Op welke wijze de ene slide overgaat in de andere, kan je instellen in de instellingen van het zij

    a. de slider-plugin,
    of
    b. de slideshow

    afhankelijk van welke slider je gebruikt.

    Thread starter johannes999

    (@johannes999)

    9 jaren, 2 maanden geleden

    dank u wel,
    sorry ik was paar dagen beetje druk .
    ik heb gedownload sideshow plugin maar heeft niet geholpen.
    daarna gedownload slider plug in en nieuw slide page gemaakt ,maar nu zegt plaats de short code in u pagina, ik heb het geplaatst(CSS) onder slide paragraaf maar geen resultaat . waar ik moet de short code precies verplaatsen onder welke paragraaf in CSS.
    ik zie ook advertisement dat zegt dat ik moet pro versie upgraden voor meer mogelijkheid. ik zie ook in CSS alleen deze code over slide

    Slider
    —————————————- */
    #slider-wrapper {
    width:100%;
    height:580px;
    overflow:hidden;
    position:relative;
    }
    #slider {
    position:relative;
    width:100%;
    height:580px;
    background:url(images/loading.png) no-repeat 50% 50% #f9f9f9;
    }
    #slider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
    }
    #slider a {
    display:block;
    }

    /* The Nivo Slider styles */
    .nivoSlider {
    position:relative;
    }
    .nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    }
    /* If an image is wrapped in a link */
    .nivoSlider a.nivo-imageLink {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    border:0;
    padding:0;
    margin:0;
    z-index:60;
    display:none;
    }
    hoe ik kan deze probleem oplosse ?
    johan

    W.P. Ginfo

    (@wp-ginfo)

    9 jaren, 2 maanden geleden

    in het dashboard vind je vast twee zxaken:

    1. slideshows & slides
    2. algemene instellingen

    == == ==

    • Meerdere Slides /plaatjes worden samengevoegd tot een slideshow.
    • Elke slideshow heeft zijn eigen kenmerken en stijl.
    • In het instellingen deel van het dashboard staan de meer algemene instellingen / eigenschappen van slideshows

    == == ==
    Ga nu op zoek in de slideshow naar instellingen voor de overgang van het ene naar het volgende plaatje.
    Kan je daar geen instelling vinden, kijk dsan in de algemen instellingen van het dashboard.
    Ik vermoed dat het dus GEEN CSS-vraagstuk is…

    Thread starter johannes999

    (@johannes999)

    9 jaren, 2 maanden geleden

    dank u wel,
    het helpt niet ,ik heb van alles geprobeerd. ik heb expres andere instellingen gewijzigd om te zien of dat functioneert maar de wijzigingen wordt niet aangepast .dus volgens mij de slideshow helpt niet in deze situatie.
    ik heb onder tab(slide show) aangepaste stijlen deze code gekopieerd
    ik weet het niet of die code zegt iets voor u
    .slideshow_container { }

    .slideshow_container a { text-decoration: none; }
    .slideshow_container a:hover { text-decoration: none; }

    .slideshow_container .slideshow_slide { margin-right: 2px; }
    .slideshow_container .slideshow_slide_image { }
    .slideshow_container .slideshow_slide_video { }
    .slideshow_container .slideshow_slide_text { }

    .slideshow_container .slideshow_slide_text div.slideshow_title { font-size: 1.3em; }
    .slideshow_container .slideshow_slide_text div.slideshow_description { }

    .slideshow_container .slideshow_slide_text div,
    .slideshow_container .slideshow_slide_text p,
    .slideshow_container .slideshow_slide_text h1,
    .slideshow_container .slideshow_slide_text h2,
    .slideshow_container .slideshow_slide_text h3,
    .slideshow_container .slideshow_slide_text h4,
    .slideshow_container .slideshow_slide_text h5,
    .slideshow_container .slideshow_slide_text h6 {
    text-align: center;
    }

    .slideshow_container .slideshow_description_box { background: #000; width: 100%; }

    .slideshow_container .slideshow_description_box div.slideshow_title { font-size: 1.3em;; }
    .slideshow_container .slideshow_description_box div.slideshow_description { }

    .slideshow_container .slideshow_description_box div,
    .slideshow_container .slideshow_description_box div a,
    .slideshow_container .slideshow_description_box p,
    .slideshow_container .slideshow_description_box p a,
    .slideshow_container .slideshow_description_box h1,
    .slideshow_container .slideshow_description_box h1 a,
    .slideshow_container .slideshow_description_box h2,
    .slideshow_container .slideshow_description_box h2 a,
    .slideshow_container .slideshow_description_box h3,
    .slideshow_container .slideshow_description_box h3 a,
    .slideshow_container .slideshow_description_box h4,
    .slideshow_container .slideshow_description_box h4 a,
    .slideshow_container .slideshow_description_box h5,
    .slideshow_container .slideshow_description_box h5 a,
    .slideshow_container .slideshow_description_box h6,
    .slideshow_container .slideshow_description_box h6 a {
    text-align: center;
    color: #fff;
    }

    .slideshow_container .slideshow_transparent { filter: alpha(opacity = 50); opacity: 0.5; }
    .slideshow_container .slideshow_transparent:hover { filter: alpha(opacity = 80); opacity: 0.8; }

    .slideshow_container .slideshow_loading_icon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 32px;
    height: 32px;
    margin: -16px 0 0 -16px;
    background: url(‘%plugin-url%/images/SlideshowPlugin/loading-icon-128×128.gif’) no-repeat;
    background-size: 32px 32px;
    }

    .slideshow_container .slideshow_controlPanel {
    width: 21px;
    height: 21px;
    margin-left: -11px;
    background: #000;
    border-radius: 2px;
    -moz-border-radius: 10px;
    }

    .slideshow_container .slideshow_controlPanel ul { }

    .slideshow_container .slideshow_controlPanel ul li {
    margin: 3px;
    width: 15px;
    height: 15px;
    }

    .slideshow_container .slideshow_controlPanel ul li:hover { }

    .slideshow_container .slideshow_play {
    background: url(‘%plugin-url%/images/SlideshowPlugin/light-controlpanel.png’) 0 0 no-repeat;
    }

    .slideshow_container .slideshow_pause {
    background: url(‘%plugin-url%/images/SlideshowPlugin/light-controlpanel.png’) -15px 0 no-repeat;
    }

    .slideshow_container .slideshow_button {
    margin-top: -20px;
    height: 40px;
    width: 19px;
    background: url(‘%plugin-url%/images/SlideshowPlugin/light-arrows.png’) no-repeat;
    }

    .slideshow_container .slideshow_previous { }

    .slideshow_container .slideshow_next {
    background-position: -19px 0;
    }

    .slideshow_container .slideshow_pagination { bottom: 16px; }

    .slideshow_container .slideshow_pagination_center { }

    .slideshow_container .slideshow_pagination .slideshow_currentView {
    filter: alpha(opacity = 80);
    opacity: 0.8;
    }

    .slideshow_container .slideshow_pagination ul { }

    .slideshow_container .slideshow_pagination ul li {
    margin: 0 2px;
    width: 11px;
    height: 11px;
    background: url(‘%plugin-url%/images/SlideshowPlugin/light-bullet.png’) no-repeat;
    }
    hoe kan deze probleem wordt opgelost zonder plug ins.
    johan

    W.P. Ginfo

    (@wp-ginfo)

    9 jaren, 2 maanden geleden

    ik heb geen idee

15 reacties aan het bekijken - 1 tot 15 (van in totaal 18)
1 2
  • Het onderwerp ‘binnen kant kleur van de slider van mij website veranderen van zwart naar andere’ is gesloten voor nieuwe reacties.

Onderwerptags

Weergaven