• 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.  [ 7 posts ] 
Author Message
 Post subject: Working with HTML/CSS...
PostPosted: Wed Jul 15, 2009 9:32 pm 
Offline
Administrator
Administrator
User avatar

Joined: Thu Mar 09, 2006 5:32 am
Posts: 12633
Location: Arizona
When we answer questions about HTML/CSS a lot of us use Firefox with some addons, one I use the most and develop templates with is the Web Developers Toolbar between this and viewing the source of the page it is amazing how quick you can learn to change your sites look...

Once installed I go to CSS drop down in toolbar and click Edit CSS, I then move it to the left side of my browser, here you will see all the style sheets attached to your template, have fun, go thru them and make all kinds of changes and see what effects what, you can even go to other sites and play with them, nothing you do in it will make any permanent changes, but once you like what you see you can copy/paste it into your style sheet...

EDIT: This is directed more to the person who hasn't a lot of experience in HTML/CSS so something like the Firebug addon may not be as clear to them as Web Dev tool bar...

_________________
Check ver. CMSMS, PHP, server OS, in System Information page.
Default content http://multiintech.com/defaultcontent/
People are Wonderful
Business is Great
Life is Terrific
Ever wonder what happened to the Album module? Well it is alive and well.
http://album.multiintech.com/
Image


Last edited by Anonymous on Sun Jul 19, 2009 8:35 pm, edited 1 time in total.

Top
  Profile  
 
Share On:
Share on Facebook Share on Twitter Share on Google+
 Post subject: Re: Working with HTML/CSS...
PostPosted: Thu Jul 16, 2009 11:06 pm 
Offline
Power Poster
Power Poster
User avatar

Joined: Mon Oct 08, 2007 12:56 pm
Posts: 640
Location: São Paulo, Brazil
Great post mark!

I also use Firebug(http://getfirebug.com/) along with Web Developer Toolbar.

Also, if you guys have any css issues that you just can solve, try others sources before cmsms forum. A great start is asking on the irc channel #css at freenode.

Regards

G


Top
  Profile  
 
Share On:
Share on Facebook Share on Twitter Share on Google+
 Post subject: Re: Working with HTML/CSS...
PostPosted: Mon Oct 19, 2009 2:06 pm 
Offline
Forum Members
Forum Members

Joined: Tue Jul 31, 2007 1:41 am
Posts: 82
Also useful: Colorzilla and MeasureIt, a colour picker and on-screen ruler. Both very handy when tweaking your css.


Top
  Profile  
 
Share On:
Share on Facebook Share on Twitter Share on Google+
 Post subject: Re: Working with HTML/CSS...
PostPosted: Wed May 12, 2010 11:42 pm 
Offline
Forum Members
Forum Members

Joined: Tue Jun 10, 2008 6:23 pm
Posts: 28
I just wanted to point out that Opera has had a pretty comprehensive code inspector installed since approx. v9.1.  To access it, simply go to the 'developer tools' menu and click on Opera Dragonfly (http://www.opera.com/dragonfly/).


Top
  Profile  
 
Share On:
Share on Facebook Share on Twitter Share on Google+
 Post subject: Re: Working with HTML/CSS...
PostPosted: Sun Jul 22, 2012 3:01 pm 
Offline
Forum Members
Forum Members

Joined: Sun Jul 22, 2012 1:11 am
Posts: 26
I'd just like to add that Chrome users may appreciate the F12 key when inspecting the code... :)


Top
  Profile  
 
Share On:
Share on Facebook Share on Twitter Share on Google+
 Post subject: Re: Working with HTML/CSS...
PostPosted: Tue Aug 21, 2012 1:33 am 
Offline
New Member
New Member

Joined: Sun Aug 19, 2012 11:21 pm
Posts: 2
I have used both 'Firebug' and 'Web Developer Toolbar' to make the layout changes in the live website and then edit the real html/css files to make the changes permanent. Is there any other method or tutorial to making changes in CMS templates? If i want to create a brand new template from scratch or if i want to convert my own design to CMS template?

Thanks.


Top
  Profile  
 
Share On:
Share on Facebook Share on Twitter Share on Google+
 Post subject: Re: Working with HTML/CSS...
PostPosted: Tue Aug 21, 2012 7:08 pm 
Offline
Administrator
Administrator
User avatar

Joined: Thu Mar 09, 2006 5:32 am
Posts: 12633
Location: Arizona
To make one from scratch go to layout > templates and click Add New Template link, it will fill with the most basic needed to make one, for existing templates replace the menu stuff with {menu} and where the content is add {content} otherwise you need to read all the default content, link in my signature...

_________________
Check ver. CMSMS, PHP, server OS, in System Information page.
Default content http://multiintech.com/defaultcontent/
People are Wonderful
Business is Great
Life is Terrific
Ever wonder what happened to the Album module? Well it is alive and well.
http://album.multiintech.com/
Image


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.  [ 7 posts ] 

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:  
HostPapa CMS Made Simple hosting