• twitter image
  • facebook image
  • youtube image
  • linkedin image
Language: CMS Made Simple Czech CMS Made Simple France CMS Made Simple Spain CMS Made Simple Hungary CMS Made Simple Russia CMS Made Simple Netherlands

All times are UTC




Post new topic This topic is locked, you cannot edit posts or make further replies.  [ 47 posts ]  Go to page Previous  1, 2, 3, 4  Next
Author Message
 Post subject: Re: Responsive/Singlepage/parallax website Grid voor CMSMS
PostPosted: Mon Aug 11, 2014 9:09 am 
Offline
Forum Members
Forum Members
User avatar

Joined: Thu Jan 26, 2012 3:22 pm
Posts: 197
Location: Belgium
Bij deze de SCSS versie van het grid system

layout blijft het zelfde hé: http://rezium.eu/grid/

dit is de zip voor SCSS http://rezium.eu/grid/scss-grid-1200-1.4.zip

_________________
Kind regards,
HarmO


Top
  Profile  
 
Share On:
Share on Facebook Share on Twitter Share on Google+
 Post subject: Re: Responsive/Singlepage/parallax website Grid voor CMSMS
PostPosted: Tue Aug 12, 2014 7:40 am 
Offline
Power Poster
Power Poster
User avatar

Joined: Tue Nov 29, 2011 10:42 am
Posts: 488
Hey HarmO,

Dat is niet best ben HarmO al weer helemaal herstelt?

De SASS versie ziet er super uit! De css ziet er netter uit zo ik ga er is me spelen!

Ik zal ook eens kijken naar een github project hoe dat werkt bedankt voor de tip.

_________________
CMSMS Tips en Trucs klik hier

GRID1200 / Single1200 / BLOG1200 / Template1200


Top
  Profile  
 
Share On:
Share on Facebook Share on Twitter Share on Google+
 Post subject: Re: Responsive/Singlepage/parallax website Grid voor CMSMS
PostPosted: Tue Aug 12, 2014 9:46 am 
Offline
Forum Members
Forum Members
User avatar

Joined: Thu Jan 26, 2012 3:22 pm
Posts: 197
Location: Belgium
Ja gaat wel weer, nog wat last van mijn knie maar verder weer de ouwe.

zoals eerder gezegd gebruik ik gewoon de scout app om mijn SCSS in css om te zetten.

er zijn mensen die hier andere manieren voor gebruiken.
Met scout app blijft het naar mijn mening heel simpel en kan iedereen er mee spelen.

_________________
Kind regards,
HarmO


Top
  Profile  
 
Share On:
Share on Facebook Share on Twitter Share on Google+
 Post subject: Re: Responsive/Singlepage/parallax website Grid voor CMSMS
PostPosted: Tue Sep 30, 2014 10:12 am 
Offline
Power Poster
Power Poster
User avatar

Joined: Thu Mar 23, 2006 9:25 am
Posts: 1725
Location: The Netherlands
Een vraag uit nieuwsgierigheid, als ik mijn site wil aanpassen naar een responsive site zoals hier beschreven, wat zou ik daar dan voor moeten doen? De site is http://www.uisge-beatha.eu


Top
  Profile  
 
Share On:
Share on Facebook Share on Twitter Share on Google+
 Post subject: Re: Responsive/Singlepage/parallax website Grid voor CMSMS
PostPosted: Tue Sep 30, 2014 10:53 am 
Offline
Power Poster
Power Poster
User avatar

Joined: Tue Nov 29, 2011 10:42 am
Posts: 488
Gregor,

Ik denk dat jou layout wel te doen is. je layout word dan zo:

---------------------------------------------------------
Header (1 kolom)
---------------------------------------------------------
Menu (1 kolom)
---------------------------------------------------------
Links (1/4 kolom) | Midden (2/4 kolom) | Rechts (1/4 kolom)
---------------------------------------------------------
Footer 1 (1/2 kolom) | Footer 1 (1/2 kolom)
---------------------------------------------------------

je zou dan mijn menu kunnen aanpassen naar die in jou style.

Je kan dan ook de css/classes die je voor alle onderdelen hebt gebruikt makelijk over nemen.

Gr pascal

_________________
CMSMS Tips en Trucs klik hier

GRID1200 / Single1200 / BLOG1200 / Template1200


Top
  Profile  
 
Share On:
Share on Facebook Share on Twitter Share on Google+
 Post subject: Re: Responsive/Singlepage/parallax website Grid voor CMSMS
PostPosted: Tue Sep 30, 2014 11:40 am 
Offline
Power Poster
Power Poster
User avatar

Joined: Thu Mar 23, 2006 9:25 am
Posts: 1725
Location: The Netherlands
Dank je Pascal. Ik ga eens kauwen op je antwoord en je voorbeelden lezen zodra ik iets meer tijd heb ;)


Top
  Profile  
 
Share On:
Share on Facebook Share on Twitter Share on Google+
 Post subject: Re: Responsive/Singlepage/parallax website Grid voor CMSMS
PostPosted: Tue Sep 30, 2014 3:12 pm 
Offline
Forum Members
Forum Members
User avatar

Joined: Thu Jan 26, 2012 3:22 pm
Posts: 197
Location: Belgium
Ik zou zorgen dat voor mobiele inhoud de midden kolom toch voor de inhoud v/d linker kolom door de midden kolom voor de linker te plaatsen in het HTML

Dan dien je nog wel de midden kolom voor grote schermen 1 kolom naar rechts te duwen en de linker kolom 2 kolomen naar links trekken.

weet wel niet of dit al gemakkelijk kan met de grid van Pascal omdat ik zelf foundation gebruik

---------------------------------------------------------
Header (1 kolom)
---------------------------------------------------------
Menu (1 kolom)
---------------------------------------------------------
Midden (2/4 kolom + push 1) | Links (1/4 kolom + pull 2) | Rechts (1/4 kolom)
---------------------------------------------------------
Footer 1 (1/2 kolom) | Footer 1 (1/2 kolom)
---------------------------------------------------------

_________________
Kind regards,
HarmO


Top
  Profile  
 
Share On:
Share on Facebook Share on Twitter Share on Google+
 Post subject: Re: Responsive/Singlepage/parallax website Grid voor CMSMS
PostPosted: Tue Sep 30, 2014 4:01 pm 
Offline
Power Poster
Power Poster
User avatar

Joined: Thu Mar 23, 2006 9:25 am
Posts: 1725
Location: The Netherlands
Ik lees wat je schrijft, maar heb geen beeld. Waarschijnlijk de onbekendheid van mij.


Top
  Profile  
 
Share On:
Share on Facebook Share on Twitter Share on Google+
 Post subject: Re: Responsive/Singlepage/parallax website Grid voor CMSMS
PostPosted: Wed Oct 01, 2014 6:37 am 
Offline
Power Poster
Power Poster
User avatar

Joined: Tue Nov 29, 2011 10:42 am
Posts: 488
Dat is een goed idee van je HarmO het kan inderdaad met het grid:

http://pmkmedia.nl/news/8/88/SCRIPT-Switch-divs-van-positie

Heb het zelf ook een tijdje gehad op mijn website om een div te switchen.

_________________
CMSMS Tips en Trucs klik hier

GRID1200 / Single1200 / BLOG1200 / Template1200


Last edited by pasmaskas on Wed Oct 01, 2014 10:17 am, edited 1 time in total.

Top
  Profile  
 
Share On:
Share on Facebook Share on Twitter Share on Google+
 Post subject: Re: Responsive/Singlepage/parallax website Grid voor CMSMS
PostPosted: Wed Oct 01, 2014 8:13 am 
Offline
Power Poster
Power Poster
User avatar

Joined: Thu Mar 23, 2006 9:25 am
Posts: 1725
Location: The Netherlands
Betekent de overstap naar een responsive site ook dat bijv. de templates van cgblog moeten worden aangepast?


Top
  Profile  
 
Share On:
Share on Facebook Share on Twitter Share on Google+
 Post subject: Re: Responsive/Singlepage/parallax website Grid voor CMSMS
PostPosted: Wed Oct 01, 2014 10:17 am 
Offline
Power Poster
Power Poster
User avatar

Joined: Tue Nov 29, 2011 10:42 am
Posts: 488
Als ze geen vaste afmetingen hebben in je css dan niet

_________________
CMSMS Tips en Trucs klik hier

GRID1200 / Single1200 / BLOG1200 / Template1200


Top
  Profile  
 
Share On:
Share on Facebook Share on Twitter Share on Google+
 Post subject: Re: Responsive/Singlepage/parallax website Grid voor CMSMS
PostPosted: Wed Oct 01, 2014 12:16 pm 
Offline
Dev Team Member
Dev Team Member
User avatar

Joined: Wed Apr 23, 2008 7:53 am
Posts: 7442
Location: The Netherlands
Ik denk dat je niet moet onderschatten wat er komt kijken bij het omzetten van een bestaande website naar een responsive variant!

De techniek werkend maken is één ding, maar de content moet ook gecontroleerd worden. Het gebruik van tabellen is taboe, inline style code kan soms een probleem zijn, (flash)animaties, fotogalerijen, etc.
Allemaal prima te doen, ik heb het bij mijn site ook gedaan, maar voor een grote website als http://www.uisge-beatha.eu geen klusje voor een zaterdagmiddag en klaar.

Probeer het eerst op een kopie van de site op een subdomein en kijk wat je tegen komt... Of probeer om te beginnen een kleine website te doen om er van te leren.

grt. Rolf

_________________
Image

Did my post help you solving a problem at your (customers) website and it saved you many hours of work? Great!! Consider buying me a cup of coffee in return! [ Click here ]



Top
  Profile  
 
Share On:
Share on Facebook Share on Twitter Share on Google+
 Post subject: Re: Responsive/Singlepage/parallax website Grid voor CMSMS
PostPosted: Wed Oct 01, 2014 12:30 pm 
Offline
Power Poster
Power Poster
User avatar

Joined: Thu Mar 23, 2006 9:25 am
Posts: 1725
Location: The Netherlands
Ik vermoedde al zoiets Rolf. Gelukkig ontbreekt me de tijd om aan zo'n grote klus te beginnen ;)


Top
  Profile  
 
Share On:
Share on Facebook Share on Twitter Share on Google+
 Post subject: Re: HTML/CSS Responsive HTML5/CSS3 Grid voor CMSMS
PostPosted: Tue Nov 25, 2014 4:14 pm 
Offline
Dev Team Member
Dev Team Member
User avatar

Joined: Wed Apr 23, 2008 7:53 am
Posts: 7442
Location: The Netherlands
Bliep.......

_________________
Image

Did my post help you solving a problem at your (customers) website and it saved you many hours of work? Great!! Consider buying me a cup of coffee in return! [ Click here ]



Top
  Profile  
 
Share On:
Share on Facebook Share on Twitter Share on Google+
 Post subject: Re: HTML/CSS Responsive HTML5/CSS3 Grid voor CMSMS
PostPosted: Tue Nov 25, 2014 5:30 pm 
Offline
Power Poster
Power Poster
User avatar

Joined: Thu Mar 23, 2006 9:25 am
Posts: 1725
Location: The Netherlands
Rolf wrote:
Bliep.......

NaNoeNaNoe......


Top
  Profile  
 
Share On:
Share on Facebook Share on Twitter Share on Google+
Display posts from previous:  Sort by  
Post new topic This topic is locked, you cannot edit posts or make further replies.  [ 47 posts ]  Go to page Previous  1, 2, 3, 4  Next

All times are UTC


Who is online

Users browsing this forum: No registered users


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
cron
HostPapa CMS Made Simple hosting