cotonti.com : create box in ccs file

Inten

Vr, 15 Mei 2009 19:29:35 -0000

I just registered on Dutchcotonti.com
It talks a little easer for me :P

pieter

Vr, 15 Mei 2009 19:07:52 -0000

problems is that the header and footer are reloaded. (I think it is)
So if the player is started and you jump to another page, it stops.

Inten

Vr, 15 Mei 2009 05:30:34 -0000

lol.. i didn't noticed that yet rofl :P

Now im thinking of making a bigger mess out of it.
There where already some complaints about the fact there isnt a player link when in forums or any other page so i was thinking of creating the whole left menu bars on the right side to in the header or footer so it stays there when viewing a other page or in forums.

Regards and thanks for the heads up :)

pieter

Vr, 15 Mei 2009 05:18:56 -0000

nice but at the bottom of the new boxes there are no roundings like the other boxes.

verify SED-Light_lBoxFT.gif and SED-Light_mBoxFT.gif

Inten

Thu, 14 Mei 2009 03:04:57 -0000

when im done i give you the link, i think it will be tonight somewhere

A little later then i thought but here is my site
Nothing much :) but im proud lol

http://www.inten.cc/index.php

pieter

Thu, 14 Mei 2009 02:31:44 -0000

If your site is ready, give us the link.

Inten

Thu, 14 Mei 2009 02:29:20 -0000

Its looks very nice thank you very much Its fantastic :)

pieter

Thu, 14 Mei 2009 01:28:31 -0000

the best I can do for the moment

#content #mlSide { float:left; width:395px; }
#content #mlSide .mlboxHD {color:#3E606F; background: url(img/SED-Light_lBoxHD.gif) no-repeat; width:250px; height:35px; line-height:35px; vertical-align:middle; font-size:.90em; text-transform:uppercase; padding:0 0 0 10px; font-weight:bold; }
#content #mlSide .mlboxBody { width:375px; background:#FFF url(img/SED-Light_lBoxFT.gif) no-repeat bottom; min-height:20px; padding:10px; margin-bottom:10px; }

#content #mrSide {margin-left:405px; width:395px; }
#content #mrSide .mrboxHD {color:#3E606F; background: url(img/SED-Light_lBoxHD.gif) no-repeat; width:250px; height:35px; line-height:35px; vertical-align:middle; font-size:.90em; text-transform:uppercase; padding:0 0 0 10px; font-weight:bold; }
#content #mrSide .mrboxBody { width:375px; background:#FFF url(img/SED-Light_lBoxFT.gif) no-repeat bottom; min-height:20px; padding:10px; margin-bottom:10px; }


	
	{PHP.skinlang.index.Newinforums}
	{PLUGIN_LATESTTOPICS}

	
	{PHP.skinlang.index.Newinforums}
	{PLUGIN_LATESTTOPICS}
	


	{INDEX_NEWS}

	{PHP.skinlang.index.Newinforums}
	{PLUGIN_LATESTTOPICS}
	



	{INDEX_TOP_TAG_CLOUD} :
	{INDEX_TAG_CLOUD}
	
	{PHP.skinlang.index.Polls}
	{PLUGIN_INDEXPOLLS}
	
	{PHP.skinlang.index.Recentadditions}
	{PLUGIN_LATESTPAGES}
	
	{PHP.skinlang.index.Online}
	{PHP.out.whosonline} :
{PHP.out.whosonline_reg_list}

Hope you like it. Pictures are not doner yet. this is for you

Inten

Wo, 13 Mei 2009 23:44:58 -0000

the images aint the problem, I'm better with Photoshop then with ccs files :) or English for that mather :P

I tried this

#content #mlSide { float:left; width:550px; }
#content #mlSide .mlboxHD { color:#3E606F; background: url(img/SED-Light_lBoxHD.gif) no-repeat; width:250px; height:35px; line-height:35px; vertical-align:middle; font-size:.90em; text-transform:uppercase; padding:0 0 0 10px; font-weight:bold; }
#content #mlSide .mlboxBody { width:250px; background:#FFF url(img/SED-Light_lBoxFT.gif) no-repeat bottom; min-height:20px; padding:10px; margin-bottom:10px; }

And

#content #mrSide { float:left; width:550px; }
#content #mrSide .mrboxHD { color:#3E606F; background: url(img/SED-Light_lBoxHD.gif) no-repeat; width:250px; height:35px; line-height:35px; vertical-align:middle; font-size:.90em; text-transform:uppercase; padding:0 0 0 10px; font-weight:bold; }
#content #mrSide .mrboxBody { width:250px; background:#FFF url(img/SED-Light_lBoxFT.gif) no-repeat bottom; min-height:20px; padding:10px; margin-bottom:10px; }

After that i don't exactly know where to put the div in the index file

Regards

rayblo

Wo, 13 Mei 2009 15:53:21 -0000

A three column version is easier indeed then creating what you show in your picture.

Pieter is right you need to create new images for your boxes

pieter

Wo, 13 Mei 2009 14:57:48 -0000

Please ask Rayblo. He had once a 3-column version.
Best is te gaan naar de site in mijn signature.
Daar kan je hem een PM sturen.

example: http://www.seditio.eu/

--------------------------------
If you want to try it yourself:

#content #lSide { float:left; width:550px; }
#content #lSide .lboxHD { color:#3E606F; background: url(img/SED-Light_lBoxHD.gif) no-repeat; width:540px; height:35px; line-height:35px; vertical-align:middle; font-size:.90em; text-transform:uppercase; padding:0 0 0 10px; font-weight:bold; }
#content #lSide .lboxBody { width:530px; background:#FFF url(img/SED-Light_lBoxFT.gif) no-repeat bottom; min-height:20px; padding:10px; margin-bottom:10px; }

#content #rSide { float:right; width:240px; }
#content #rSide .rboxHD { color:#3E606F; background: url(img/SED-Light_rBoxHD.gif) no-repeat; width:230px; height:35px; line-height:35px; vertical-align:middle; font-size:.90em; text-transform:uppercase; padding:0 0 0 10px; font-weight:bold; }
#content #rSide .rboxBody { width:220px; background:#FFF url(img/SED-Light_rBoxFT.gif) no-repeat bottom; min-height:20px; padding:10px; margin-bottom:10px; }

These are the 2 boxes. Left and right
You need to make 2 extra: eg left_small and middle

And you have to play with it. If you have problems, I will have a look at it tonight if you want.

And you need to resize some pictures for the heading.

Inten

Wo, 13 Mei 2009 14:13:41 -0000

Can some tell me how to create extra boxes in the .ccs file like i shown in the image below ?

Regards,