How to edit a style template?

Thanks Littleus. I'm willing to work on it a little. I like your retro design. I had just an idea that I may be able to take a screenshot of the nice bits of the decayed template and perhaps I could then use them in making a customised background / banner?

What are the basic steps - just an outline and if I have any problems filling in the gaps I will contact you. thanks again

HOW CAN YOU MAKE A WEBSITE LIKE WWW.LITTLEUS.YOLASITE.COM I LOVE THE MENU

I'm interested in knowing more on this too, for this template and others.

Hi little us.

I've been playing around and got on ok, but it has taken a long time! Partly because I've only been using Preview to edit the Decayed pattern to use as a border. I've used your code for the boxes and have just been playing around getting the right size and colours.

how do you get creative with a style

Littleus, I agree with Monique that you've been very kind: this stuff is time consuming. And I do like your example, I'm sure someone will ask you if they can use it! I'm still keen on the decayed theme and have a few bits to tidy up.
I don't have any drawing software to create my own design and have just been using Skitch to take a screenshot, and Preview on my macbook to put it all together using cut&paste. I just did it by trial and error to get a correct fit on the template.

I didn't actually enlarge the photo which is why I'm still baffled but will just redo compression and upload.

Again, thanks a lot for all your help. I really appreciate it and I hope this is helpful to others.

Also, sorry for my delays in replying, inbetween this I've been busy with the usual humdrum!

Littleus, I'm not sure what you mean by splicing the template.

I'm now using the Burlap template. I'm using your html code for the main box of the template (and little boxes within) and have googled for suitable colours as below.

<table class="outline" height="100%" width="100%"> <table><tr> <td><table height="10" width="850"> <tr> </tr> </table>

However, there is misalignment as circled in this screenshot

I then tried reducing table width=850 all the way to 1 and still no difference. I don't know html!

Any ideas as to why this is happening?</td></tr></table></table>

Also, if I do decide to keep the page heading, is there some html I could use to centre it?

I tried this:
The Wedding of Lawrence & Lynsey

but no joy. I really should learn some html to save you time!

Cheers

hmm, there is something wrong with the index/home page as I tried using your html code on the more info page, and by changing the width from 850 to 920 it lines up fine.

????????is it to do with the countdown widget taking up so much space?

Littleus thanks for all your help
width=100% resulted in too small a box as in this screen shot

Thanks for doing this in my absence.

It seems the problem arises using the 2 over 1 column layout.

<div style="border: 5px solid #4F2F4F; padding: 10px;
background-color: #CC99CC; text-align: center; width:
430px;<!-- SpringWidgets | doublek wedding (#33874) | HTML | Generated on 06/07/2009 --><object type="application/x-shockwave-flash" allowNetworking="all" allowScriptAccess="always" allowFullScreen="true" height="400" width="350" id="springwidgets_33874" align="middle" data="http://downloads.thespringbox.com/web... classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload.macromedia.com/pub/...=8,0,0,0"><param name="allowNetworking" value="all" /><param name="allowScriptAccess" value="always" /><param name="allowFullScreen" value="true" /><param name="movie" value="http://downloads.thespringbox.com/web... /><param name="flashvars" value="param_eventTitle=Wedding+Day&param_eventDate=07-23-2010&param_eventTime=14%3A00&param_counterStyle=modern&param_linkUrl=http%3A%2F%2Fspringwidgets.com%2Fwidgetize%2F71&param_eventSkin=Sticky+Note&param_eventCustomSkin=http%3A%2F%2Ffarm4.static.flickr.com%2F3106%2F2388416471_c12d2eefee_m.jpg&param_counterX=0&param_counterY=0" /><param name="quality" value="high" /><param name="wmode" value="transparent" /><param name="bgColor" value="0x000000" /><embed bgColor="0x000000" allowNetworking="all" allowFullScreen="true" allowScriptAccess="always" src="http://downloads.thespringbox.com/web... flashvars="param_eventTitle=Wedding+Day&param_eventDate=07-23-2010&param_eventTime=14%3A00&param_counterStyle=modern&param_linkUrl=http%3A%2F%2Fspringwidgets.com%2Fwidgetize%2F71&param_eventSkin=Sticky+Note&param_eventCustomSkin=http%3A%2F%2Ffarm4.static.flickr.com%2F3106%2F2388416471_c12d2eefee_m.jpg&param_counterX=0&param_counterY=0" quality="high" name="springwidgets_33874" wmode="transparent" width="167" height="189" align="middle" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflash..."></embed></object><div style="font:11px/12px arial;width:167px;"><a href="http://www.springwidgets.com/widgets/... target="_blank" title="Get this widget!">Get this widget!</a></div>

Almost done!
Little us Any suggestions as to how I get rid of the white space at the bottom?
Increasing the height px doesn't help

(The bottom column still uses the original 'table' code)

Thanks a million!

yes that is one of the gaps I'm on about. Followed your sugestion. In order to add blank spaces after the widget I tried putting a text widget at the bottom, after the mp3 player and it simply pushes everything down.

Also, I couldn't insert the text widget within the purple box, it refuses to go anywhere other than in the blank space at the bottom. Seems odd, since as I said, spaces in this text widget pushes everything down in the purple box above it.

screenshots including
1) the pushed down space after the mp3 player caused by the text widget at the very bottom

2) details as seen in site manager (or editor window as I called it incorrectly!)


3) the other gap after the countdown widget - where in the code (3 replies back) should I try sticking the spaces?

It tried switching to CleanSlate. It removes the gap! Unfortunately my template does not agree with cleanslate, as the banner obscures the head design and title!

If it's turning out to be too much hassle then that's fine. Everything else has been ironed out and it looks grand. I think I can live with the gap!

It is strange though, that this only occurs on the index page.

RESULTS

Please see my example website showing my results of this thread
http://undecayed.yolasite.com/

In the end, I'm too much of a perfectionist. Decided to give it a go and the gap goes using the div code!!

Only thing is it won't let me delete the old muck, even though it says 'widget deleted' it doesn't actually do it

why won't it delete those old widgets?

Littleus, another problem for you to have fun trying to solve!

The div code for the boxes is much easier to use.

My latest problem is getting the google map widget to work within it.

I used the google map widget on a seperate page, and previewed it, then grabbed the code by viewing page source in firefox.

I then took the code and embedded it in the appropriate place in the div code.

Everything looks great when you preview it, you get the map in the box! I thought brilliant, I'm getting good at this.

But when going to the site directly, as others would, an error 404 occurs right where the map is supposed to be.

In order to come up with a compromised solution I made a seperate page called Maps and using the 'table code' with the google maps widget beneath it, and the map displays in the box.

here is the code obtained by putting in 'cairncastle ballygally' in the google map widget search. It is possible that I've got the wrong bit of code, but that's unlikely as it works using the table code you previously provided. (see my website, maps section)

sorry code to follw, I forgot to encode it.

</div><div id="I49" style="display:block;clear: both;text-align:center;" class="GoogleMap_Default"><iframe src="/ide/widgets/googlemap/simplemap.jsp?coords=54.897778,-5.871254&zoom=12&size=2" frameborder="0" scrolling="0" style="width:300px; height:300px; border:none;"></iframe></div></div>

You're also right the code is totally wacky. A gap has suddenly appeared on my more info page! It was displaying ok earlier today! and that's using the div code (not the table code that previously caused the problem)! However, the Maps page uses the table code and no gap!!

mysterious

Little Us
site finished for now.
I will consider personalising the banner, when I've got more time but for now we quite like the orchid.

Thanks for all your help

Please take a look when you can, you'll see I've added a few things.