19 June 2008
New Site Design – Part 2
Posted by BaBa under: Site Information .
I first changed the design for the website by selecting Royale a WordPress Theme. I was able to modify the black background by changing out the background tile. I used our Scottish Tartan for the Maxwell Clan. I like that the red can represent the Red Silk Thread and the Green (to me) represents the Celts (both Scottish and Irish). I have several other background tiles that I can and will use to change to look in the future. One of the background tiles is a dragon playing a saxaphone. This reminds me of one of our travelmate’s (Nancy) oldest son Ian.
I have been adding the links on the side and customizing some of the script. I am really slow at this as I don’t write code often and can only hack around with changing it. I still have a few changes to make. I want to add a few blog links and then see if D will help me get the photos to wrap around the text correctly.
I tried it out and got feedback from MaMa (did not like it that well) and D. Both said it was dark and they were correct. So I went for lighter and tried to keep the green and red theme going. This time I chose autumn-concept. It is probably a better fit. As you can see, I changed the header and footer to red. I then have added the items on the menu bar side. I have also added a link for First Fridays, China Tree and updated the blogroll links. I changed the photo to one of my China Photos and the border around the photo. I liked the fact that it is easy to customize, much easier on the eye and I can feature one of my photos in the banner.
Well let me know what you think of my site re-design and header photo.
5 Comments so far...
D Says:
19 June 2008 at 6:40 am.
I am surprised at how dark it ends up looking overall – but the translucent backgrounds make it still readable.
I’ll be happy to help with the positioning of the images – it’s fairly straight forward.
Right now you usually do the positioning with tables. Remove all that and simply have the img tag in the flow of text. Add a class to the tag (I use class=’floatleft’ or class=’floatright’, depending where I want the image to ‘float’ to) and then add something like this to the CSS file
img.floatleft { float:left; }
img.floatright { float:right; }
This will get you started. Then you can add things like margins, etc.
But remember, you need to remove the tables, first; this only works if the images are part of the flow of paragraphs.
Hope this helps, let me know.
amy Says:
21 June 2008 at 8:33 am.
Ive been checking this from firefox downstairs and I have been unable to see this new look.
Guys, this is really neat! Only one thing missing…Check your links and see if you can see whats missing, or maybe its not?
heehee
Cant believe I missed a Sheridan visit at the hospital!
D2 Says:
21 June 2008 at 8:48 am.
Yes, I agree with MaMa – much better. And the masthead is just gorgeous.
