Ask:The steps for construct this from...

Apr 18th, 2017 at 07:49 AM
User 131545 Photo

STEFKE
Registered User
687 posts

Inger,

Hoe kan ik uitgaande de code mijn pagina ontwerpen (dus het ruw ontwerp) dus welke elementen heb ik nodig want je hebt een <section> zit dit in de rij in binnen de kolom of hoe zit dat in elkaar?
Kan je mij daarvan een demo geven hoe je dit stukje ontwerp zo kan ik een themes (bootstrap4) ontwerpen uitgaande van HTML5 code naar RSD ontwerp


<!-- Portfolio Section -->
<section id="portfolio" class="portfolio">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="main_portfolio_area">
<div class="head_title m-y-3 p-y-3 wow fadeInUp">
<div class="row">
<div class="col-md-4">
<h2>Portfolio</h2>
</div>
<div class="col-md-8">
<h6>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Integer arcu orci, Fermentum Vel finibus ac, blandit at tortor.
Sed auctor ex id nulla ultricies laoreet. </h6>
</div>
</div>
</div>

<div class="main_portfolio_content">
<div class="row">
<div class="col-md-5 col-xs-12">
<div class="row">
<div class="col-md-4 col-xs-12">
<div class="single_portfolio">
<img src="assets/images/pf11.jpg" alt="" />
<div class="single_portfolio_overlay">
<div class="icon_area text-center">
<a href="assets/images/pf11.jpg" class="gallery-img"><img src="assets/images/plus.png" alt="" /></a>
</div>
</div>
</div>
</div>
<div class="col-md-8 col-xs-12">
<div class="single_portfolio">
<img src="assets/images/pf12.jpg" alt="" />
<div class="single_portfolio_overlay">
<div class="icon_area text-center">
<a href="assets/images/pf12.jpg" class="gallery-img"><img src="assets/images/plus.png" alt="" /></a>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-8 col-xs-12">
<div class="single_portfolio">
<img src="assets/images/pf13.jpg" alt="" />
<div class="single_portfolio_overlay">
<div class="icon_area text-center">
<a href="assets/images/pf13.jpg" class="gallery-img"><img src="assets/images/plus.png" alt="" /></a>
</div>
</div>
</div>
</div>
<div class="col-md-4 col-xs-12">
<div class="single_portfolio">
<img src="assets/images/pf14.jpg" alt="" />
<div class="single_portfolio_overlay">
<div class="icon_area text-center">
<a href="assets/images/pf14.jpg" class="gallery-img"><img src="assets/images/plus.png" alt="" /></a>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12 col-xs-12">
<div class="single_portfolio">
<img src="assets/images/pf15.jpg" alt="" />
<div class="single_portfolio_overlay">
<div class="icon_area text-center">
<a href="assets/images/pf15.jpg" class="gallery-img"><img src="assets/images/plus.png" alt="" /></a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4 col-xs-12">
<div class="single_portfolio">
<img src="assets/images/pf21.jpg" alt="" />
<div class="single_portfolio_overlay">
<div class="icon_area text-center">
<a href="assets/images/pf21.jpg" class="gallery-img"><img src="assets/images/plus.png" alt="" /></a>
</div>
</div>
</div>
<div class="single_portfolio height_1">
<img src="assets/images/pf22.jpg" alt="" />
<div class="single_portfolio_overlay">
<div class="icon_area text-center">
<a href="assets/images/pf22.jpg" class="gallery-img"><img src="assets/images/plus.png" alt="" /></a>
</div>
</div>
</div>
</div>
<div class="col-md-3 col-xs-12">
<div class="single_portfolio height_1">
<img src="assets/images/pf31.jpg" alt="" />
<div class="single_portfolio_overlay">
<div class="icon_area text-center">
<a href="assets/images/pf31.jpg" class="gallery-img"><img src="assets/images/plus.png" alt="" /></a>
</div>
</div>
</div>

<div class="single_portfolio">
<img src="assets/images/pf32.jpg" alt="" />
<div class="single_portfolio_overlay">
<div class="icon_area text-center">
<a href="assets/images/pf32.jpg" class="gallery-img"><img src="assets/images/plus.png" alt="" /></a>
</div>
</div>
</div>
</div>
</div>
</div>

</div><!-- End of main Portfolio area -->
</div><!-- End of col-md-12 -->
</div><!-- End of row -->
</div><!-- End of container -->
</section><!-- End of Tobias Section -->


Bedankt alvast voor je hulp alvast

Met vriendelijke groet
Stephane
Toekomstgerichte door ICT gebeten IT'er
Stephane Fonteyne
Ba. Elektronica - ICT
Application Software PowerBasic Developer
e-mail : stephane.fonteyne@telenet.be
gmail : stephane760126@gmail.com
linkin : in : <http://www.linkedin.com/pub/stephane-fonteyn/53/402/204>
twitter : @Stefke36
Apr 18th, 2017 at 08:33 AM
User 131545 Photo

STEFKE
Registered User
687 posts

Nog een voorbeeld:

Mijn vraag is hoe ontwerp je dat zonder opmaak in RSD?
Eenmaal ik dat weet kan ik themes ontwerpen uitgaande html5 code en css

Is een voorbeeld
<!-- counter Seection -->
<section id="counter" class="counter">
<div class="container">
<div class="row">
<div class="col-sm-12">
<div class="main_counter sections text-center">
<div class="row">
<div class="col-sm-4 col-xs-12">
<div class="single_counter_right">
<h4 class="statistic-counter">3,800</h4>
<div class="separator"></div>
<p>project complete</p>
</div>
</div><!-- End of col-sm-4 -->

<div class="col-sm-4 col-xs-12">
<div class="single_counter_right">
<h4 class="statistic-counter">4510</h4>
<div class="separator"></div>
<p>happy clients</p>
</div>
</div><!-- End of col-sm-4 -->

<div class="col-sm-4 col-xs-12">
<div class="single_counter_right">
<h4 class="statistic-counter">2,800</h4>
<div class="separator"></div>
<p>cups of milk</p>
</div>
</div><!-- End of col-sm-4 -->

</div><!-- End of row -->
</div>
</div><!-- End of col-sm-12 -->
</div><!-- End of row -->
</div><!-- End of Container -->
</section><!-- End of counter Section -->
Toekomstgerichte door ICT gebeten IT'er
Stephane Fonteyne
Ba. Elektronica - ICT
Application Software PowerBasic Developer
e-mail : stephane.fonteyne@telenet.be
gmail : stephane760126@gmail.com
linkin : in : <http://www.linkedin.com/pub/stephane-fonteyn/53/402/204>
twitter : @Stefke36
Apr 18th, 2017 at 08:50 AM
User 122279 Photo

Inger
Senior Advisor
14,650 posts
Online Now

Not sure what you mean here... Do you want to create the site without RSD, just in html and css in Bootstrap? In the HTML Editor? I need to know before I can give you any advice. And if you have started the project in RSD/RBB, please post the project (in Dropbox), because your code here doesn't have any css, so I don't know what you want it to look like.

Ik weet niet zeker wat je hier bedoelt ... Wilt u de site zonder RSD maken, alleen in html en css in Bootstrap? In de HTML-editor? Ik moet weten voordat ik u advies kan geven. En als je het project in RSD / RBB zijn begonnen, laat het project (in Dropbox), omdat uw code hier geen css, dus ik weet niet wat je wilt dat het eruit.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Apr 18th, 2017 at 09:01 AM
User 131545 Photo

STEFKE
Registered User
687 posts

Inger,

Ik wil uitgaande van de html5 en css3 code wil ik een site (theme) maken met RSD. Maar hoe ga je te werk je hebt <section> <header> <nav> etc en dan al die <div>

Met vriendelijke groet
Stephane
Toekomstgerichte door ICT gebeten IT'er
Stephane Fonteyne
Ba. Elektronica - ICT
Application Software PowerBasic Developer
e-mail : stephane.fonteyne@telenet.be
gmail : stephane760126@gmail.com
linkin : in : <http://www.linkedin.com/pub/stephane-fonteyn/53/402/204>
twitter : @Stefke36
Apr 18th, 2017 at 10:02 AM
User 122279 Photo

Inger
Senior Advisor
14,650 posts
Online Now

Regarding the section, header etc, you can change the tag for all containers, such as rows, columns, divs, maybe there are more. You do that in the design pane, where it says Change tag.
Otherwise, to create a theme, just make a page the way you want it. You can let it have place holder text and images, they can be changed later, when you start using the theme.
As regards the navigation: If you are thinking of using one of the nav bars I helped you with, just remember that the barebone one was made in the Foundation frame work, and won't work in Bootstrap. The one created in Menu builder can be used in either frame work, but you won't actually see the result in RSD, you need to preview in a browser.

I have to add that I might not be of great help for the time being. My husband is seriously ill and is facing brain surgery later this week.

Met betrekking tot de sectie header etc, kunt u het label voor alle containers, zoals rijen, kolommen, divs te veranderen, misschien zijn er nog veel meer. Je dat doet in het paneel ontwerp, waar het zegt Change tag.
Anders, om een ??thema te maken, gewoon een pagina van de manier waarop u het wilt. U kunt laten hebben place holder tekst en afbeeldingen, ze kunnen later worden veranderd, wanneer u begint met het gebruik van het thema.
Ten aanzien van de navigatie: Als u denkt aan het gebruik van een van de nav bars ik je geholpen, alleen niet vergeten dat de barebone een werd gemaakt in de Foundation raamwerk, en zal niet werken in Bootstrap. Degene die in Menu Builder kan worden gebruikt in een van beide kader werk, maar je zult niet echt zien het resultaat in RSD, moet je bekijken in een browser.

Ik moet toevoegen dat ik niet van groot nut zou kunnen zijn voor het moment. Mijn man is ernstig ziek en wordt geconfronteerd met een hersenoperatie later deze week.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.