Hoe twee content divs in sjabloon?

rvklink49
(@rvklink49)

11 jaren, 2 maanden geleden

Beste,

Ik vraag me het volgende af.
Hoe kan ik in een sjabloon 2 aparte content divs plaatsen?
Nu heb ik zeg maar een div voor de linker helft van de pagina.
Maar dan wil ik een 2de div voor de rechter helft. En dat je vervolgens in de admin een 2de veld erbij krijgt zodat je tekst kan toevoegen voor de rechter helft van de pagina.

Wel weet ik hoe je dit moet oplossen met behulp van een widget maar zie dit liever anders.

Heb op het internet gezocht maar kom er niet uit.
Hoop dat jullie mij een zetje in de rug kunnen geven.

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

(@wp-ginfo)

Hi rvklink49,

Je kan zoveel DIV’s plaatsen [in HTML / PHP ] als je denkt nodig te hebben.
bijv. plaats in de bestaande content-div, 2 nieuwe div’s, elk met hun eigen css opmaak.
Voor dit voorbeeld zijn beide frames voorzien van een kleurtje en border, zodat je ze goed kan zien.

<div class='content'>
<div id="frame1">

</div><!-- einde frame1 -->
<div id="frame2">

</div> <!-- einde frame2 -->
</div> <!--einde content-->

Zet de bijpassende CSS in style.css of het CSS-bestand van de template.

#frame1 {
            display: block;
            float: right;
            width: 45%; /*breedte van beide frames samen kleiner dan 100% */
            /*height: 400px; je kan ook de hoogte beperken*/
            margin: 4px 0 4px 4px;
            border: 2px solid #666;
            overflow: auto;
            background-color: #eef;
            font-family: tahoma, sans-serif;
            font-size: 10pt;
            padding: 0 6pt;
        }
        #frame1 h1 { margin-top: 0; }

        #frame2 {
            display: block;
            float: left;
            width: 45%;
            /*height: 400px;*/
            margin: 4px 0 4px 4px;
            border: 2px solid #666;
            overflow: auto;
            background-color: #eef;
            font-family: tahoma, sans-serif;
            font-size: 10pt;
            padding: 0 6pt;
        }
        #frame2 h1 { margin-top: 0; }

== == ==
Nu het editen van artikels / pagina’s mbv het dashbord:
!!!Gebruik de tekst / html-tab van de editor!!!
Schrijf gewoon je teksten zoals je gewend bent.

Plaats de code <div id=”frame1″> … </div> resp “frame2” rond de tekstblokken afhankelijk van waar je ze wil plaatsen. zie voorbeeld

<div id="frame1">
   <h1>
        frame 1
    </h1>

    <p>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam
        mollis venenatis erat, at condimentum tellus eleifend eget. Etiam
        nibh sem, tempus non lobortis sit amet, faucibus sed nisl.
</div><!-- einde frame1 -->

<div id="frame2">
   <h1>
        frame 2
    </h1>

    <p>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam
        mollis venenatis erat, at condimentum tellus eleifend eget. Etiam
        nibh sem, tempus non lobortis sit amet, faucibus sed nisl.
</div> <!-- einde frame2 -->

Thread starter

rvklink49

(@rvklink49)

11 jaren, 2 maanden geleden

Bedankt voor het snelle antwoord, hier was ik naar op zoek.

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

Het onderwerp ‘Hoe twee content divs in sjabloon?’ is gesloten voor nieuwe reacties.

Onderwerptags

Weergaven