gamer24.7 |
|
---|---|
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]
|
|
This post was edited by gamer24.7 (2009-06-21 23:18, 15 years ago) |
pieter |
|
---|---|
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 ...
|
|
This post was edited by pieter (2009-06-21 22:46, 15 years ago) |
gamer24.7 |
|
---|---|
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]
|
|
This post was edited by gamer24.7 (2009-06-21 22:58, 15 years ago) |
pieter |
|
---|---|
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 |
|
---|---|
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]
|
|
This post was edited by gamer24.7 (2009-06-22 00:39, 15 years ago) |
pieter |
|
---|---|
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 |
|
---|---|
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]
|
|
This post was edited by gamer24.7 (2009-06-22 02:57, 15 years ago) |
pieter |
|
---|---|
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; }
Try to verify all. All divs and classes, all images. Check the one you use, if they exist. ... can we help you ...
|
gamer24.7 |
|
---|---|
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:
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 |
|
---|---|
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 |
|
---|---|
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 |
|
---|---|
upload here the archive of the skin.
[url=http://ka13.orgfree.com]KA13[/url] - The essence of creativity
|
gamer24.7 |
|
---|---|
[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 |
|
---|---|
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 |
|
---|---|
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 ...
|