cotonti.com : New Skin Help- DS-Lyynx

robofreak111

Пн, 29 Чер 2009 05:57:22 -0000

Align the block to the right

gamer24.7

Пн, 29 Чер 2009 03:49:36 -0000

I am trying to follow out your suggestion but, look:

This is my index.tpl:




        
        {INDEX_NEWS}

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



	                     Search

                             
                              
                             
                              
                              
                             




			
				{PHP.skinlang.index.Recentadditions}
				            {PLUGIN_LATESTPAGES}



                         
                                   Users

                                   {PLUGIN_LEETLOGIN}



			

				
					{PHP.skinlang.index.Polls}
					{PLUGIN_INDEXPOLLS}
				


		

                             
			        {PHP.skinlang.index.Online}
				{PHP.out.whosonline} :

				{PHP.out.whosonline_reg_list}

And my CSS:

.block { background-color:#292929; border:2px solid #00B5F8; padding:8px; margin:12px; }
.block2 { width:200px; padding:8px; margin:12px; } 
.block3 { background-color:#292929; float:left; border:2px solid #00B5F8; padding:8px; margin:12px; }
#container2
         { 
         width:200px;
         padding:8px;
         margin:12px;
         }

SO if any one can help me?[/][/]

robofreak111

Нд, 28 Чер 2009 07:00:27 -0000

It has a limit to the number of charachters it can display there on the homepage. So currently it is displaying 16 charachters. but "Introduce Yourself" is 18 charachters, which is too much. So, it uses "...".

And if I may make a suggestion:

Move the search and Leet Login boxes on the homepage into the places i show below:

right now, it looks kind of bare in the botton and where i put the two boxes.

Nice skin btw, its really coming along well

gamer24.7

Сб, 27 Чер 2009 04:09:55 -0000

Thanks i added more links to the nav so i don't want to align it in center.

One more thing;
I have the forums displayed in their parent category's, so why?

pieter

Сб, 27 Чер 2009 03:29:06 -0000

Thats all in the CSS.
Check the "artmenu" part in CSS.

I'm not sure but I guess it is

.artmenu ul ul
{
padding: 30px 30px 30px 10px;
margin: -30px 0 0 -10px;
}
because it is the ul under ul under artmenu.

gamer24.7

Сб, 27 Чер 2009 03:23:57 -0000

Perfect!
Thanks pieater!

Also how do i make them align center?Currently they are on the left:

pieter

Сб, 27 Чер 2009 02:57:34 -0000

Tutorials    
        
Paint.Net        
Photoshop
        Gimp        
Other...

You got a to much in the first line.
If you have subs, don't close the first line with .

is closed at the end.

eg:

Tutorials    
        
Paint.Net        
Photoshop
        Gimp        
Other...

Let me know if it helps.

gamer24.7

Сб, 27 Чер 2009 02:15:43 -0000

Yeah the standard menu works not the sub

pieter

Сб, 27 Чер 2009 01:41:39 -0000

Does the standard menu works?
Because standard, there is menu5 I guess.

gamer24.7

Сб, 27 Чер 2009 01:33:06 -0000

Any reason my sub menu won't show?

Home
Forum

Tutorials
	
        Paint.Net
		Photoshop
		Gimp
		Other...
	


Downloads

Users

Gallery

Search

robofreak111

Сб, 27 Чер 2009 00:39:31 -0000

Im using the dtcvh cotonti skin right now on my site, got the dropdown thing to work on localhost, now i just gotta upload to my site.

pieter

Пт, 26 Чер 2009 14:49:31 -0000

The Dutchcotonti-skin has drop down.
Not standard, check the helkp file about menu's included in the skin.
If you want an example click the link in my signature. Documents and Downloads has the dropdown functionality?

gamer24.7

Пт, 26 Чер 2009 05:52:34 -0000

THe dutch cotonti skin has a drop down?

I am still working on the who's online plug and i have added the news...

robofreak111

Пт, 26 Чер 2009 05:37:15 -0000

Ahhhh ! my eyes! too much blue! :D jk

you forgot the news on the front page, its not there, add the tag for the box.

Also, when you go to the Whos online page, its all messed up because of the centering code you put in.

Just two things. And about the drop down menus, try looking at other skins that have that like the dutch cotonti skin so you can get an idea on how to do that.

gamer24.7

Пт, 26 Чер 2009 03:57:09 -0000

Now for the drop down menu...

robofreak111

Вт, 23 Чер 2009 23:42:53 -0000

You have to get rid of all mentions of the things from SED_Light, such as lSide like what pieter said and replace those things for the ones you substituted the images with

pieter

Вт, 23 Чер 2009 21:53:42 -0000

The parts like
#content #lSide .cboxHD {
are from sed-light.

Is is made like this that the css-code in this part is ONLY used when the class cboxHD is used inside a div with id=content or id=lSide.

SunChase

Вт, 23 Чер 2009 18:21:07 -0000

First. Learn to use the css.In that skin it didnt even read it.But after this all the classes were WRONG.
Second. I didnt even try to understand what is #content #cSide .cboxHD.I just erased it.When i erased the #content #cSide .cboxHD and inserted the wright name class="lboxHD" the classes of the style began to work.
Third. I'w changed the skins php file to read the css from the skin/css/style_1.css like it was in seditio

And another thing.The css has a class called "top".As i understud it is the style for the header.When i opened the header.tpl there wasnt anything telling that it should call to the css file.

I'w fixed a few things but the rest i leave to you.
Here is the fixed version: ds-lyynx_425.rar

If you will have questions you can write to me by ICQ:227-158-598

Regards

gamer24.7

Вт, 23 Чер 2009 03:08:55 -0000

ds-lyynx_322.zip

SunChase

Вт, 23 Чер 2009 02:45:09 -0000

upload here the archive of the skin.

gamer24.7

Вт, 23 Чер 2009 00:21:08 -0000

Done (Though it will still not work (show images)):

/* ============== Home page ============== */
#content { background:#303030 none; padding:0 10px; margin:0; width:780px; }

#content  { float:left; width:190px; }
#content #lSide .lboxHD { 
color:#AAA;
background: url('../img/lBoxHD.png') no-repeat;
width: 180px;
height: 35px;
padding:0px 0px 0px 10px; 
}
#content #lSide .lboxBody { 
color:#222;
background: url('../img/lboxBody.png') no-repeat;
width: 170px;
height: 35px;
padding:0px 0px 0px 10px; 
}
#content #cSide { width:380px; }
#content #lSide .cboxHD { 
color:#AAA;
background: url('../img/cBoxHD.png') no-repeat;
width: 370px;
height: 35px;
padding:0px 0px 0px 10px; 
}
#content #lSide .cboxHD { 
color:#222;
background: url('../img/cboxBody.png') no-repeat;
width: 370px;
height: 35px;
padding:0px 0px 0px 10px; 
}
#content #rSide {float:right; width:190px; }
#content #rSide .rboxHD { 
color:#AAA;
background: url('../img/rBoxHD.png') no-repeat;
width: 180px;
height: 35px;
padding:0px 0px 0px 10px; 
}
#content #rSide .rboxBody { 
color:#AAA;
background: url('../img/rboxBody.png') no-repeat;
width: 180px;
height: 35px;
padding:0px 0px 0px 10px; 
}

SunChase

Пн, 22 Чер 2009 06:02:36 -0000

For example.Try like this:

#content #rSide .rboxHD { 
color:#AAA;
background: url('../img/rBoxHD.png') no-repeat;
width: 180px;
height: 35px;
padding:0px 0px 0px 10px; 
}

instead of:

#content #rSide .rboxHD { color:#AAA; background: url(img/rBoxHD.png) no-repeat; width:180px; height:35px; padding:0 0 0 10px; }

gamer24.7

Пн, 22 Чер 2009 04:53:21 -0000

CSS:

#content #lSide { float:left; width:190px; }
#content #lSide .lboxHD { width:180px; color:#AAA; background: url(img/lBoxHD.png) no-repeat; height:35px; padding:0 0 0 10px; }
#content #lSide .lboxBody { width:170px; background:#222 url(img/lboxBody.png) no-repeat bottom; min-height:20px; padding:10px; margin-bottom:10px; } 

#content #cSide { width:380px; }
#content #cSide .cboxHD { color:#AAA; background: url(img/cBoxHD.png) no-repeat; width:370px; height:35px; padding:0 0 0 10px; }
#content #cSide .cboxBody { width:370px; background:#222 url(img/cboxBody.png) no-repeat bottom; min-height:20px; padding:10px; margin-bottom:10px; } 

#content #rSide {float:right; width:190px; }
#content #rSide .rboxHD { color:#AAA; background: url(img/rBoxHD.png) no-repeat; width:180px; height:35px; padding:0 0 0 10px; }
#content #rSide .rboxBody { width:180px; background:#222 url(img/rboxBody.png) no-repeat bottom; min-height:20px; padding:10px; margin-bottom:10px; }

Image Names:

pieter

Пн, 22 Чер 2009 04:22:25 -0000

You have renamed a lot, and thats your fault.

eg:

#content #lSide .lboxHD { width:180px; color:#AAA; background: url(img/leftbHD.png) no-repeat; height:35px; padding:0 0 0 10px; }

Your image in img is called: lBoxHD.png not leftbHD.png

Try to verify all.
All divs and classes, all images.
Check the one you use, if they exist.

gamer24.7

Пн, 22 Чер 2009 02:37:49 -0000

Done,
Change the skin in your profile.
user:demo
pass:demo

pieter

Пн, 22 Чер 2009 01:17:01 -0000

Do you have a link to the site where this skin is?

Can you provide me with a login. Just a members one. eg Demo / Demo

gamer24.7

Пн, 22 Чер 2009 00:38:48 -0000

Done, i now got this in my index.tpl:




	{PHP.skinlang.index.Online}
	{PHP.out.whosonline}



	{INDEX_NEWS}

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





	{PHP.skinlang.index.Polls}
	{PLUGIN_INDEXPOLLS}
		
	{PHP.skinlang.index.Online}
	{PHP.out.whosonline} :
{PHP.out.whosonline_reg_list}

And this in my .css:

/* ============== Home page ============== */
#content { background:#303030 none; padding:0 10px; margin:0; width:780px; }

#content #lSide { float:left; width:190px; }
#content #lSide .lBoxHD{ width:180px; color:#AAA; background: url(img/lBoxHD.png) no-repeat; height:35px; padding:0 0 0 10px; }
#content #lSide .lboxBody { width:170px; background:#222 url(img/lboxBody.png) no-repeat bottom; min-height:20px; padding:10px; margin-bottom:10px; } 

#content #cSide { width:380px; }
#content #cSide .cBoxHD { color:#AAA; background: url(img/cBoxHD.png) no-repeat; width:370px; height:35px; padding:0 0 0 10px; }
#content #cSide .cboxBody { width:370px; background:#222 url(img/cboxBody.png) no-repeat bottom; min-height:20px; padding:10px; margin-bottom:10px; } 

#content #rSide {float:right; width:190px; }
#content #rSide .rBoxHD { color:#AAA; background: url(img/rBoxHD.png) no-repeat; width:180px; height:35px; padding:0 0 0 10px; }
#content #rSide .rboxBody { width:180px; background:#222 url(img/rboxBody.png) no-repeat bottom; min-height:20px; padding:10px; margin-bottom:10px; }

.newsTitle { background: url(img/news_title.png) no-repeat; width:400px; height:20px; line-height:25px; vertical-align:middle; padding:0 0 0 25px; }
.newsTitle a { font-weight:bold; text-decoration:none; color:#999; }
.newsDate { float:right; padding:0 10px 0 0; height:25px; line-height:25px; vertical-align:middle; }
.newsBody { margin:10px 0 0 10px }
.newsPosted { float:left; margin:8px 0 0 10px; }
.newsOther { text-align:right; margin:8px 0; }

And it still dose'nt work...

pieter

Нд, 21 Чер 2009 23:45:53 -0000

Make sure all classes and div-id's are in your CSS

leftbHD = not in CSS

only

#content #lSide .lboxHD { width:180px; color:#AAA; background: url(img/leftbHD.png) no-repeat; height:35px; padding:0 0 0 10px; }

gamer24.7

Нд, 21 Чер 2009 22:55:51 -0000

Oops...
Now try:ds-lyynx_322.zip

I am starting using the Ones skin to make a complete new skin.

I used some part/s from the sed-light skin.

pieter

Нд, 21 Чер 2009 22:43:20 -0000

Your index is:


	{INDEX_NEWS}

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



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

These classes are not defined in your CSS.

#content { background:#303030 none; padding:0 10px; margin:0; width:780px; }
#content #lSide { float:left; width:190px; }
#content #lSide .lboxHD { width:180px; color:#AAA; background: url(img/leftbHD.png) no-repeat; height:35px; padding:0 0 0 10px; }
#content #lSide .lboxBody { width:170px; background:#222 url(img/leftft.png) no-repeat bottom; min-height:20px; padding:10px; margin-bottom:10px; } 

#content #cSide { width:380px; }
#content #cSide .cboxHD { color:#AAA; background: url(img/cHD.png) no-repeat; width:370px; height:35px; padding:0 0 0 10px; }
#content #cSide .cboxBody { width:370px; background:#222 url(img/cft.png) no-repeat bottom; min-height:20px; padding:10px; margin-bottom:10px; } 

#content #rSide {float:right; width:190px; }
#content #rSide .rboxHD { color:#AAA; background: url(img/rightbHD.png) no-repeat; width:180px; height:35px; padding:0 0 0 10px; }
#content #rSide .rboxBody { width:180px; background:#222 url(img/rightft.png) no-repeat bottom; min-height:20px; padding:10px; margin-bottom:10px; }

-----------------------------------------
Is this a know skin that you are trying to change?
Or is it a new template that you are converting?

Where did you start and what do you want to do?

-----------------------
Is it possible you started from sed-light and not the One-skin?

gamer24.7

Нд, 21 Чер 2009 21:13:50 -0000

I started to make a skin for website and i need a bit of help.I am using the one skin to make this skin.Currently i have the base setup.What i need help with is 3 things:

Index.tpl(The boxes Don't show up):




	{PHP.skinlang.index.Online}
	{PHP.out.whosonline}



	{INDEX_NEWS}

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




	{PHP.skinlang.index.Polls}
	{PLUGIN_INDEXPOLLS}
	
	{PHP.skinlang.index.Recentadditions}
	{PLUGIN_LATESTPAGES}

The images and boxes for index.tpl (None of these work including the news title):

/* ============== Home page ============== */
#content { background:#303030 none; padding:0 10px; margin:0; width:780px; }

#content #lSide { float:left; width:190px; }
#content #lSide .lboxHD { width:180px; color:#AAA; background: url(img/leftbHD.png) no-repeat; height:35px; padding:0 0 0 10px; }
#content #lSide .lboxBody { width:170px; background:#222 url(img/leftft.png) no-repeat bottom; min-height:20px; padding:10px; margin-bottom:10px; } 

#content #cSide { width:380px; }
#content #cSide .cboxHD { color:#AAA; background: url(img/cHD.png) no-repeat; width:370px; height:35px; padding:0 0 0 10px; }
#content #cSide .cboxBody { width:370px; background:#222 url(img/cft.png) no-repeat bottom; min-height:20px; padding:10px; margin-bottom:10px; } 

#content #rSide {float:right; width:190px; }
#content #rSide .rboxHD { color:#AAA; background: url(img/rightbHD.png) no-repeat; width:180px; height:35px; padding:0 0 0 10px; }
#content #rSide .rboxBody { width:180px; background:#222 url(img/rightft.png) no-repeat bottom; min-height:20px; padding:10px; margin-bottom:10px; }

.newsTitle { background: url(img/news_title.png) no-repeat; width:400px; height:20px; line-height:25px; vertical-align:middle; padding:0 0 0 25px; }
.newsTitle a { font-weight:bold; text-decoration:none; color:#999; }
.newsDate { float:right; padding:0 10px 0 0; height:25px; line-height:25px; vertical-align:middle; }
.newsBody { margin:10px 0 0 10px }
.newsPosted { float:left; margin:8px 0 0 10px; }
.newsOther { text-align:right; margin:8px 0; }

And finally i need help installing a dropdown menu i found over the internet.Can someone install this in my skin file:
DropDown Menu Download

Download Skin:
[url=DS-Lyynx