Jump to content
InvisionCommunity.de - Der Deutsche Invision Community Support
Sign in to follow this  
Followers 0
webbi

Forenbreite Caliskin

By webbi, in Design & Grafik

Recommended Posts

webbi    0

webbi
Posted

Nach langer suche habe ich nichts gefunden und hoffe ihr könnt mir weiterhelfen.

Und zwar ich nutze die Version 1.3 und habe den Caliskin installiert. Nur dieser ist denn für das Portal meiner Meinung was zu schmal habe schon in anderen Foren gesucht es sollte in der Wrapper stehn aber anscheinend bin ich blind ;)

Ich poste hier den wrapper und den stylesheet weil ich weiss nicht wo das stehn soll wo die breite ändert

Die StyleSheet Datei

/* FIX IE6 Scrollbars bug - Leave this in! */


html { overflow-x: hidden; overflow-y: auto; } 


form { display:inline; }


img  { vertical-align:none; border:0px }


BODY { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #504644; margin: 0px 10px 0px 10px; background-color: #71615D }


TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #310303 }


a:link, a:visited, a:active { text-decoration: underline; color: #582520 }


a:hover { color: #902014; text-decoration: underline }


fieldset.search { padding: 6px; line-height: 150% }


label { cursor: pointer }


img.attach { border: 2px outset #EEF2F7; padding: 2px }


.googleroot { padding: 6px; line-height: 130% }


.googlechild { padding: 6px; margin-left: 30px; line-height: 130% }


.googlebottom, .googlebottom a:link, .googlebottom a:visited, .googlebottom a:active { font-size: 11px; color: #6D433B }


.googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size: 14px; font-weight: bold; color: #00D }


.googlepagelinks { font-size: 1.1em; letter-spacing: 1px }


.googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited { font-size: 10px; color: #524744 }


li.helprow { padding: 0px; margin: 0px 0px 10px 0px }


ul#help { padding: 0px 0px 0px 15px }


option.cat { font-weight: bold }


option.sub { font-weight: bold; color: #555 }


.caldate { text-align: right; font-weight: bold; font-size: 11px; color: #777; background-color: #D4C5C0; padding: 4px; margin: 0px }


.warngood { color: green }


.warnbad { color: red }


#padandcenter { margin-left: auto; margin-right: auto; text-align: center; padding: 14px 0px 14px 0px }


#profilename { font-size: 28px; font-weight: bold }


#calendarname { font-size: 22px; font-weight: bold }


#photowrap { padding: 6px }


#phototitle { font-size: 24px; border-bottom: 1px solid black }


#photoimg { text-align: center; margin-top: 15px }


#ucpmenu { line-height: 120%; width: 22%; border: 1px solid #27384F; background-color: #EDE8E5 }


#ucpmenu p { padding: 2px 5px 6px 9px; margin: 0px }


#ucpcontent { background-color: #E0D7D6; border: 1px solid #6C5650; line-height: 120%; width: auto }


#ucpcontent p { padding: 10px; margin: 0px }


#ipsbanner { position: absolute; top: 1px; right: 5% }


#logostrip { border: 1px solid #27384F; background-color: #3860BB; background-image: url(style_images/<#IMG_DIR#>/tile_back.gif); padding: 0px; margin: 0px }


#submenu { border: 1px solid #BCD0ED; background-color: #DFE6EF; font-size: 10px; margin: 3px 0px 3px 0px; color: #3A4F6C; font-weight: bold }


#submenu a:link, #submenu  a:visited, #submenu a:active { font-weight: bold; font-size: 10px; text-decoration: none; color: #3A4F6C }


#userlinks { border: 1px solid #E0CDC2; background-color: #F0F5FA }


#navstrip { font-weight: bold; padding: 1px 1px 0px 15px }


.activeuserstrip { background-color: #BCD0ED; padding: 4px }


.pformstrip { background-color: #E0D7D6; color: #3C1408; font-weight: bold; padding: 3px; margin-top: 1px }


.pformstrip a:link, .pformstrip  a:visited, .pformstrip  a:active { text-decoration: none; color: #D39F91 }


.pformstrip a:hover { text-decoration: underline; color: #D6775E }


.pformleft { background-color: #E0D7D6; padding: 3px; margin-top: 1px; width: 25%; border-top: 1px solid #E0CAC2; border-right: 1px solid #E0CAC2 }


.pformleftw { background-color: #E0D7D6; padding: 3px; margin-top: 1px; width: 40%; border-top: 1px solid #E0CAC2; border-right: 1px solid #E0CAC2 }


.pformright { background-color: #E0D7D6; padding: 3px; margin-top: 1px; border-top: 1px solid #E0CDC2 }


.post1 { background-color: #E0D7D6 }


.post2 { background-color: #E0D7D6 }


.postlinksbar { font-weight: bold; color: #D8C3C0; padding: 1px; font-size: 9px; padding: 1px 0px 1px 1px; background-color: #8C3931; background-image: url(style_images/<#IMG_DIR#>/tile_sub.gif) }


.postlinksbar  a:link, .postlinksbar  a:visited, .postlinksbar  a:active { text-decoration: none; color: #DDCAC7 }


.postlinksbar a:hover { text-decoration: none; color: #E5DCDB }


.row1 { background-color: #E0D7D6 }


.row2 { background-color: #E0D7D6 }


.row3 { background-color: #E0D7D6 }


.row4 { background-color: #E0D7D6 }


.darkrow1 { background-color: #DBD3D1; color: #43281D }


.darkrow2 { background-color: #DCD2D0; color: #43281D }


.darkrow3 { background-color: #DBD3D1; color: #43281D }


.hlight { background-color: #E6DFDE }


.dlight { background-color: #E6DFDE }


.titlemedium { font-weight: bold; color: #D8C3C0; padding: 1px; font-size: 9px; padding: 1px 0px 1px 1px; background-color: #8B3937; background-image: url(style_images/<#IMG_DIR#>/tile_sub.gif) }


.titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active { text-decoration: underline; color: #DDCAC7 }


.memberbar { font-size: 7.5pt; font-weight: bold; padding: 0px 0px 6px 0px; line-height: 120%;  color: #241916 }


.memberbar   a:link, .memberbar   a:visited, .memberbar   a:active { text-decoration: none; color: #583020 }


.memberbar a:hover { text-decoration: none; color: #806862 }


.memberbar2 { font-size: 8pt; font-weight: bold; line-height: 120%; background-color: #E0D7D6; color: #241A16 }


.memberbar2   a:link, .memberbar2   a:visited, .memberbar2   a:active { text-decoration: none; color: #583020 }


.memberbar2 a:hover { text-decoration: none; color: #806A62 }


.maintitle { vertical-align: middle; font-weight: bold; color: #560200; letter-spacing: 1px; padding: 3px 0px 3px 5px; background-color: #EDE8E7; background-image: url(style_images/<#IMG_DIR#>/tile_back.gif) }


.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { text-decoration: none; color: #561400 }


.maintitle a:hover { color: #DC8270; text-decoration: none }


.maintitle2 { vertical-align: middle; color: #561400; padding: 3px 0px 3px 5px; background-color: #EFE7E7; background-image: url(style_images/<#IMG_DIR#>/tile_back.gif) }


.maintitle2 a:link, .maintitle2  a:visited, .maintitle2  a:active { text-decoration: none; color: #560C00 }


.maintitle2 a:hover { color: #D74A3B; text-decoration: none }


.plainborder { background-color: #ECE5E2 }


.tableborder { background-color: #ECE5E2; padding: 0px; margin: 0px; width: 100% }


.tablefill { background-color: #ECE5E2; padding: 6px }


.tablepad { background-color: #ECE5E2; padding: 3px }


.tablebasic { width: 100%; padding: 0px 0px 0px 0px; margin: 0px; border: 0px }


.posterinfo {    


   background-color: #EDE4E1;


   height: 16px;


   border-top: 1px solid #6E605C; 


   color: #423028;


   border-left: 1px solid #6E605C;


   border-right: 1px solid #6E605C;


   border-bottom: 1px solid #6E605C;


   background-image: url(style_images/<#IMG_DIR#>/tile_pimfo.gif) }


.wrapmini { float: left; line-height: 1.5em; width: 25% }


.pagelinks { float: left; line-height: 1.2em; width: 35% }


.desc { font-size: 10px; color: #524844 }


.edit { font-size: 9px }


.signature { font-size: 9px; color: #332D29 }


.postdetails { font-size: 10px  }


.postdetails2 { font-size: 10px; color: #8F5D49  }


.postdetails2   a:link, .postdetails2   a:visited, .postdetails2   a:active { text-decoration: none; color: #372A25 }


.postdetails2 a:hover { text-decoration: none; color: #BE5420 }


.postcolor { font-size: 12px; line-height: 160% }


.normalname { font-size: 12px; font-weight: bold; color: #61250D }


.normalname a:link, .normalname a:visited, .normalname a:active { text-decoration: none; font-size: 12px }


.unreg { font-size: 11px; font-weight: bold; color: #606060 }


.searchlite { font-weight: bold; color: #F00; background-color: #FF0 }


#QUOTE { font-family: Verdana, Arial; font-size: 11px; color: #835247; background-color: #F5F2F1; border: 1px solid #000; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }


#CODE { font-family: Courier, Courier New, Verdana, Arial; font-size: 11px; color: #835247; background-color: #F5F2F1; border: 1px solid #000; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }


.copyright { font-family: Verdana, Tahoma, Arial, Sans-Serif; font-size: 9px; color: #DBA493; padding: 0px 0px 7px 0px; line-height: 12px }


.copyright a:link, .copyright a:visited, .copyright a:active { text-decoration: none; color: #F1AC99 }


.codebuttons { font-size: 10px; font-family: verdana, helvetica, sans-serif; vertical-align: middle }


.forminput, .textinput, .radiobutton, .checkbox { font-size: 11px; font-family: verdana, helvetica, sans-serif; vertical-align: middle }


.thin { padding: 6px 0px 6px 0px; line-height: 140%; margin: 2px 0px 2px 0px; border-top: 1px solid #27384F; border-bottom: 1px solid #503528}


.purple { color: purple; font-weight: bold }


.red { color: red; font-weight: bold }


.green { color: green; font-weight: bold }


.blue { color: blue; font-weight: bold }


.orange { color: #F90; font-weight: bold }
und die Wrapper 
<html>


<head> 


<title><% TITLE %></title> 


<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> 


<% GENERATOR %> 


<% CSS %> 


<% Javascript %> 


<script language="javascript"> 


<!-- 


if (document.images) { 


image1on = new Image(); 


image1on.src = "style_images/<#IMG_DIR#>/caliskin_v6topmenu11.gif"; 


image1off = new Image(); 


image1off.src = "style_images/<#IMG_DIR#>/caliskin_v6topmenu1.gif";  


image2on = new Image(); 


image2on.src = "style_images/<#IMG_DIR#>/caliskin_v6topmenu22.gif"; 


image2off = new Image(); 


image2off.src = "style_images/<#IMG_DIR#>/caliskin_v6topmenu2.gif";


image3on = new Image(); 


image3on.src = "style_images/<#IMG_DIR#>/caliskin_v6topmenu33.gif"; 


image3off = new Image(); 


image3off.src = "style_images/<#IMG_DIR#>/caliskin_v6topmenu3.gif";


image4on = new Image(); 


image4on.src = "style_images/<#IMG_DIR#>/caliskin_v6topmenu44.gif"; 


image4off = new Image(); 


image4off.src = "style_images/<#IMG_DIR#>/caliskin_v6topmenu4.gif";


image5on = new Image(); 


image5on.src = "style_images/<#IMG_DIR#>/caliskin_v6topmenu55.gif"; 


image5off = new Image(); 


image5off.src = "style_images/<#IMG_DIR#>/caliskin_v6topmenu5.gif";


image6on = new Image(); 


image6on.src = "style_images/<#IMG_DIR#>/caliskin_v6topmenu66.gif"; 


image6off = new Image(); 


image6off.src = "style_images/<#IMG_DIR#>/caliskin_v6topmenu6.gif";


}  


function changeImages() { 


if (document.images) { 


for (var i=0; i<changeImages.arguments.length; i+=2) { 


document[changeImages.arguments[i]].src = eval(changeImages.arguments[i+1] + ".src"); 


} 


} 


} 


// --> 


</script>


</head> 


<body> 


<br />


<% BOARD HEADER %> 


<% NAVIGATION %> 


<% BOARD %> 


<% STATS %> 


<br /></td></tr>


</table>


<td width="9" background="style_images/<#IMG_DIR#>/caliskin_v6rightbg.gif"><img src="style_images/<#IMG_DIR#>/caliskin_v6rightbg.gif" alt="" /></td>


</tr>


<tr>


<td valign="middle" align="right" width="100%" colspan="3">


<table cellpadding="0" border="0" cellspacing="0" width="100%">


<tr>


<td width="12"><img src="style_images/<#IMG_DIR#>/caliskin_v6botleft.gif" width="12" height="14" alt="" /></td>


<td width="100%" background="style_images/<#IMG_DIR#>/caliskin_v6botbg.gif"></td>


<td width="10"><img src="style_images/<#IMG_DIR#>/caliskin_v6botright.gif" width="10" height="14" alt="" /></td>


</tr>


</table>


<table cellpadding="0" border="0" cellspacing="0" width="100%">


<tr>


<td width="46"><img src="style_images/<#IMG_DIR#>/caliskin_v6bottomleft.gif" alt="" /></td>


<td width="100%" background="style_images/<#IMG_DIR#>/caliskin_v6bottombg.gif"><% COPYRIGHT %></td>


<td width="46"><map name="topmap"><area shape="rect" coords="21,13,40,26" alt="Top" href="javascript:scroll(0,0);"></map><img src="style_images/<#IMG_DIR#>/caliskin_v6bottomright.gif" width="46" height="29" alt="" border="0" usemap="#topmap" ismap /></td>


</tr>


</table>


</td></tr>


</table>


<br /><br />


</body> 


</html>

Share this post

Link to post

Helge    192

Helge
Posted

Beim CaliSkin müsste das ganze im BoardWrapper eingebaut sein. Schau mal ob dort eine <body width="xx%"> vorhanden ist, oder eine Tabelle die aufgemacht wird in einer width breite. Dort musst du die Breite dann ändern. Notfalls nochmal den BoardWrapper des CaliSkins hier posten.

Nebenbei: Habs mal ins Richtige Forum verschoben :D

Share this post

Link to post

webbi    0

webbi
Posted

erstma danke fürs verschieben habe zu spät gesehn das auch ein Forum dafür da war ;)

Und den Wrapper habe ich hier gepostet der steht unter dem StyleSheet ;)

Share this post

Link to post

Stefan    0

Stefan
Posted

Ich hab eher das Gefühl, bei dem Skin steht das in der skin_global.php, da im Boardwrapper mindestens eine Tabelle geschlossen wird, aber keine gestartet. ;)

Kenne den Skin nicht, aber vielleicht wirst du in besagter Datei bei der Funktion BoardHeader fündig. :)

Share this post

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  
Followers 0
Go To Topic Listing Design & Grafik
×