Foren / Cotonti / Skins / New Skin Help- DS-Lyynx

123NächsteLetzte

gamer24.7
#1 21. Juni 2009, 21:13

Members

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):
<!-- BEGIN: MAIN -->
<div id="lSide">

	<div class="leftbHD">{PHP.skinlang.index.Online}</div>
	<div class="leftft"><a href="plug.php?e=whosonline">{PHP.out.whosonline}</a></div>

<div id="cside">

	{INDEX_NEWS}

	<div class="cbHD">{PHP.skinlang.index.Newinforums}</div>
	<div class="cft">{PLUGIN_LATESTTOPICS}</div>
	
</div>

<div id="rside">

	<div class="rightbHD">{PHP.skinlang.index.Polls}</div>
	<div class="rightft">{PLUGIN_INDEXPOLLS}</div>
	
	<div class="rightbHD">{PHP.skinlang.index.Recentadditions}</div>
	<div class="rightft">{PLUGIN_LATESTPAGES}</div>
    
</div>

<!-- END: MAIN -->

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
[b][color=#000000]Click [/color][url=http://www.design-studio.netau.net][color=#EF2929][u]Here[/u][/color][/url] [color=#F57900]For All You Design [/color][color=#756745]Related Needs.[/color][/b]

Dieser Beitrag wurde von gamer24.7 (am 21. Juni 2009, 23:18, vor 14 Jahre) bearbeitet
pieter
#2 21. Juni 2009, 22:43

Team
Thanked: 9 mal

Your index is:
<div id="left_column">
	{INDEX_NEWS}

	<div class="">{PHP.skinlang.index.Newinforums}</div>
	<div class="">{PLUGIN_LATESTTOPICS}</div>
	
</div>

<div id=".right_column">
	
	<div class="index_title">{PHP.skinlang.index.Polls}</div>
	<div class="index_block">{PLUGIN_INDEXPOLLS}</div>
	
	<div class="index_title">{PHP.skinlang.index.Recentadditions}</div>
	<div class="index_block">{PLUGIN_LATESTPAGES}</div>
	
	<div class="index_title">{PHP.skinlang.index.Online}</div>
	<div class="index_block"><a href="plug.php?e=whosonline">{PHP.out.whosonline}</a> :<br />{PHP.out.whosonline_reg_list}</div>
    
</div>

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?
... can we help you ...

Dieser Beitrag wurde von pieter (am 21. Juni 2009, 22:46, vor 14 Jahre) bearbeitet
gamer24.7
#3 21. Juni 2009, 22:55

Members

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.
[b][color=#000000]Click [/color][url=http://www.design-studio.netau.net][color=#EF2929][u]Here[/u][/color][/url] [color=#F57900]For All You Design [/color][color=#756745]Related Needs.[/color][/b]

Dieser Beitrag wurde von gamer24.7 (am 21. Juni 2009, 22:58, vor 14 Jahre) bearbeitet
pieter
#4 21. Juni 2009, 23:45

Team
Thanked: 9 mal

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; }
... can we help you ...
gamer24.7
#5 22. Juni 2009, 00:38

Members

Done, i now got this in my index.tpl:
<!-- BEGIN: MAIN -->
<div id="lSide">

	<div class="lBoxHD">{PHP.skinlang.index.Online}</div>
	<div class="lboxBody"><a href="plug.php?e=whosonline">{PHP.out.whosonline}</a></div>

<div id="cside">

	{INDEX_NEWS}

	<div class="cBoxHD">{PHP.skinlang.index.Newinforums}</div>
	<div class="cboxBody">{PLUGIN_LATESTTOPICS}</div>
	
	<div class="cBoxHD">{PHP.skinlang.index.Recentadditions}</div>
	<div class="cboxBody">{PLUGIN_LATESTPAGES}</div>

</div>

<div id="rside">

	<div class="rBoxHD">{PHP.skinlang.index.Polls}</div>
	<div class="rboxBody">{PLUGIN_INDEXPOLLS}</div>
		
	<div class="rBoxHD">{PHP.skinlang.index.Online}</div>
	<div class="rboxBody"><a href="plug.php?e=whosonline">{PHP.out.whosonline}</a> :<br />{PHP.out.whosonline_reg_list}</div>
    
</div>

<!-- END: MAIN -->

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...
[b][color=#000000]Click [/color][url=http://www.design-studio.netau.net][color=#EF2929][u]Here[/u][/color][/url] [color=#F57900]For All You Design [/color][color=#756745]Related Needs.[/color][/b]

Dieser Beitrag wurde von gamer24.7 (am 22. Juni 2009, 00:39, vor 14 Jahre) bearbeitet
pieter
#6 22. Juni 2009, 01:17

Team
Thanked: 9 mal

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
... can we help you ...
gamer24.7
#7 22. Juni 2009, 02:37

Members

Done,
Change the skin in your profile.
user:demo
pass:demo
[b][color=#000000]Click [/color][url=http://www.design-studio.netau.net][color=#EF2929][u]Here[/u][/color][/url] [color=#F57900]For All You Design [/color][color=#756745]Related Needs.[/color][/b]

Dieser Beitrag wurde von gamer24.7 (am 22. Juni 2009, 02:57, vor 14 Jahre) bearbeitet
pieter
#8 22. Juni 2009, 04:22

Team
Thanked: 9 mal

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.
... can we help you ...
gamer24.7
#9 22. Juni 2009, 04:53

Members

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:
    rboxBody.png
    rBoxHD.png
    cboxBody.png
    cBoxHD.png
    lboxBody.png
    lBoxHD.png
[b][color=#000000]Click [/color][url=http://www.design-studio.netau.net][color=#EF2929][u]Here[/u][/color][/url] [color=#F57900]For All You Design [/color][color=#756745]Related Needs.[/color][/b]
SunChase
#10 22. Juni 2009, 06:02

Members

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; }
[url=http://ka13.orgfree.com]KA13[/url] - The essence of creativity
gamer24.7
#11 23. Juni 2009, 00:21

Members

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; 
}
[b][color=#000000]Click [/color][url=http://www.design-studio.netau.net][color=#EF2929][u]Here[/u][/color][/url] [color=#F57900]For All You Design [/color][color=#756745]Related Needs.[/color][/b]
SunChase
#12 23. Juni 2009, 02:45

Members

upload here the archive of the skin.
[url=http://ka13.orgfree.com]KA13[/url] - The essence of creativity
gamer24.7
#13 23. Juni 2009, 03:08

Members

ds-lyynx_322.zip
[b][color=#000000]Click [/color][url=http://www.design-studio.netau.net][color=#EF2929][u]Here[/u][/color][/url] [color=#F57900]For All You Design [/color][color=#756745]Related Needs.[/color][/b]
SunChase
#14 23. Juni 2009, 18:21

Members

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
[url=http://ka13.orgfree.com]KA13[/url] - The essence of creativity
pieter
#15 23. Juni 2009, 21:53

Team
Thanked: 9 mal

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.
... can we help you ...

123NächsteLetzte