Ondersteuning » Thema en CSS/opmaak » plug in voor gekleurde achtergrond text widget?

  • Hoi mensen,

    Ik ben op zoek naar een plugin oid waar je zonder te programmeren teksten kunt maken in je sidebalk op een gekleurde achtergrond, dus een soort tekstblok, of evt in een kader oid.

    Ik heb inmiddels al de Black Studio Tiny MCE, maar daar lukt dit volgens mij niet mee (alleen gekleurde of schuine tekst)

    Weet iemand raad??

    Ik hoor het heel graag, alvast bedankt!
    Maresterre

5 reacties aan het bekijken - 1 tot 5 (van in totaal 5)
  • Hi,

    Heb je dit al geprobeerd?

    1. dashboard > weergave> widgets
    2. sleep ’tekstwidget’naar de sidebar en plaats van je keuze
    3. Type je tekst in het vak
      Bijvoorbeeld: `<p style=”background-color:#99cc66;color:blue;margin-left:20px;”>Dit is een paragraaf met een groene achtergrondkleur en een blauwe txt. Gebruik bijv. http://www.colorpicker.com om een mooie set kleuren te kiezen.
      Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. </p>`
    Thread starter maresterre

    (@maresterre)

    Hoi W.P. Ginfo,

    Bedankt voor je reactie en je tip!

    Ik heb dit geprobeerd, alleen als ik dat typ (geknipt en geplakt, dus code is goed) dan verschijnt dat doodleuk als tekst in mijn widget als ik ga bekijken hoe het geworden is..Ik had iets dergelijks al eens eerder geprobeerd en toen was dat ook..

    Weet jij hoe dat kan en hoe ik dat kan oplossen?
    Of weet je nog een andere manier, bv via een plugin, want ik ben dus helemaal niet thuis in programmeertaal, het enige wat ik kan is knippen en plakken, maar dat gaat dus ook mis 😉

    Ik hoop weer van je te horen, bedankt!

    Groetjes,
    Maresterre

    Thread starter maresterre

    (@maresterre)

    Hoi W.P. Ginfo,

    Begrijp ik het goed (heb even nog wat info gelezen) dat ik een speciale plugin moet installeren zodat er programmeertaal kan worden gelezen in de text widget? Weet jij toevallig welke dit is?

    Dank je wel,

    Maresterre

    Hoi,
    Iedere widget die je inzet krijgt een eigen ID. Gebruik je Black Studio, dan krijgt je widget een id black-studio-tinymce-X, waarbij X een uniek nummer is (1, bij de eerste keer dat je een Black Studio Textwidget aanmaakt, 2 bij de tweede keer enz.). Dit ID krijgt dan de widget in zijn geheel, de omvattende div van de titel en de tekst. In je css moet je vervolgens voor je specifieke textwidget een achtergrond definieren.

    #black-studio-tinymce-1 {
    background: #xxxxxx;
    }

    Hoe kom je achter het unieke nummer in het ID van de Black Studio Textwidget? Dat achterhaal je als je je website bezoekt en met rechtsklik ‘ Inspect Element’ het widget analyseert. Zie hier de instructie voor Chrome, ook op Youtube zijn veel instructiefilmpjes te vinden. Op deze wijze je website kunnen analyseren is erg belangrijk voor het mooi kunnen maken van je website, dus wel een investering waard.

    groet,
    Lianne

    Nee, je hoeft niets speciaals te installeren. De standaard tekstwidget leest ‘Willekeurige tekst of HTML ‘, en dit voorbeeld is HTML met wat CSS stijlregels.

    Kopieer beginnend bij <p style …en eindigend bij </p>, dus zonder ...

    Wil je individuele widgets ‘opmaken’ gebruik dan de instructie van @liannel. Zo leer je langzaam maar zeker de beginselen van HTML en CSS.
    Om succesvol te werken aan een website is het belangrijk dat je de basisbeginselen onder de knie krijgt van HTML en CSS. Je hoeft geen expert te worden, maar met wat basiskennis gaat het een stuk makkelijker 😉

5 reacties aan het bekijken - 1 tot 5 (van in totaal 5)
  • Het onderwerp ‘plug in voor gekleurde achtergrond text widget?’ is gesloten voor nieuwe reacties.