In a perfect world...
-
-
- shawn springer
- Rocketeer
- Posts: 56
- Thanks: 0
-
Ok has I dive deeper into the sea of Joomla I find myself wishing for one thing. Easy to find frame adjustments. I am not sure yet what exactly I think is perfect, being that I am still a newbie at this. Thus far here is what I found to be the most difficult! Relationship of module names to css script.
Example: I have been working with Versatility 4 for about 4 days trying to learn the ins and outs of the template, to make conform perfectly to what I need it to do. I started working on blocks user 1 thru 3 to decrees the padding. This was a monster of a hunt, because I needed to figure out in the css what controlled the (123) user blocks. After opening a css editor and starting at the top looking for everything with padding. I began a journey of change this, upload, refresh, and see what moves. Then I would note what moves and do again and again till I final found the right controller. Far from perfect science I know. The item name was (#mainmodules) div.module hmm not sure of the name relationship. Anyway my thought being if if there is a way to name the items a little closer to the module names or even group all the editable frames (padding) into one area in the css I think that would help a lot of new user get up to speed a little faster. I would love any thoughts on this. Please keep in mind I did say I am a newbie at this. So don't blast me to hard.
Lastly, I am not trying to blast the creator, I think you did an unbelievable job building this and I hope to someday have as great an understanding to the point I could build my own template from scratch.
-
-
-
- svrsolid
- Rocketeer
- Posts: 77
- Thanks: 0
- Using FireFox and Web Developer plug-in allows me to quickly find the right CSS block name. Then I have to verify the right CSS file using firebug. Those two tools should help you in speeding up the process.
-
-
-
- shawn springer
- Rocketeer
- Posts: 56
- Thanks: 0
-
Thanks that did help speed things up a lot, very nice. Found what I was looking for with great easy once I found the right tool in Firefox.
I like to use my adobe golive app to edit the css because it breaks it
into grid format and shows me all the individual style parts.
Note For others: In firefox web developer tool kit, go to tools, scroll down to web developer, css, view style information (or click the css icon in the tab menu) click on the area you desire to see and script for that block will appear in panel.
-
-
-
- Mark Gomez
- Sr. Rocketeer
- Posts: 214
- Thanks: 0
- I've been using Firebug and love it for exactly this purpose. Click one button and you can inspect elements. Make changes to those elements to see what they look like immediately, then once you're set, go make those same changes to your CSS file. Firebug tells you which file and what line number.
-
-
-
- James Spencer
- Preeminent Rocketeer
- Posts: 46340
- Thanks: 50
- You really want to be using Firebug, it will dramatically speed up your understanding and development process.
- James Spencer / Developer & Support / Hull, UK
-
-
-
- shawn springer
- Rocketeer
- Posts: 56
- Thanks: 0
- Firebug it is I will download it and take it for a spin! Thanks for all the help.
-
-
-
- shawn springer
- Rocketeer
- Posts: 56
- Thanks: 0
-
shawn springer wrote:
Firebug it is I will download it and take it for a spin! Thanks for all the help.
Firebug is my new tool. Thanks guys! You all rock!
-
-
-
- Mark Gomez
- Sr. Rocketeer
- Posts: 214
- Thanks: 0
- Seriously, Firebug made me a better web designer. Before I used to take the themes and barely modify them. Now I feel the freedom to bend it to my will. And I've learned so much more about CSS just by playing with Firebug.
-
Time to create page: 0.206 seconds