Breite vom Forum incl Logo

Sisterhood · December 15, 2003

Bekomme es nicht hin, das Board kleiner zu machen, ich habe im Board Wrapper die Einstellungen gesucht, bei meiner Ansicht von 1280 x 1024 ist das Forum OK, möchte aber, das es bei 1024 x 768 kleiner wird und nicht mehr den ganzen Bildschirm ausfüllt incl. Logo.

Aber wo stelle ich es ein ?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xml:lang="en" lang="en" xmlns="http://www.w3.org/1999/xhtml">

<head>

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

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

<% GENERATOR %>

<% CSS %>

<% Javascript %>

</head>

<div id="ipbwrapper">

<% BOARD HEADER %>

<% NAVIGATION %>

<% BOARD %>

<% STATS %>

<% COPYRIGHT %>

<br />

<div style="text-align: center">Designed by <a href="http://ibplanet.de">thedan</a></div>

<br />
<div style="text-align: center">

<A HREF="http://click.listinus.de/topsite.php?id=40374" TARGET="_blank"><IMG SRC="http://icon.listinus.de/topicon.php?id=40374" ALT="Listinus Toplisten" BORDER="0"></a>

</div>

<br />

**Helge** · December 15, 2003

AdminCP
Skins & Templates
Style Sheets
Edit

Dort musst du dann diesen Code suchen, und dort dann eben die Breite ändern:

#ipbwrapper { text-align:left; width:95%; margin-left:auto;margin-right:auto }

Ich weiß nun nicht genau, ob der width Wert Original 95 ist, aber ich glaube schon.

Sisterhood · December 15, 2003

Hallo Rigo :rolleyes:

thx für die Antwort, habe den Wert gefunden und geändert, nur leider passiert :

1. Nur das Forum verändert sich (wird kleiner) verschiebt sich aber nach links

2. Das Logo bleibt in der gleichen größe

würde es gerne so haben :

KLICK MICH

Ben · December 15, 2003

Da steht doch "align=left" ... rückt das Forum bei "align=center" nicht in die Mitte?

**Helge** · December 15, 2003

Mal zur Verständnis:

Du redest nun über diesen Skin: http://kirmesforum.de/index.php

Und wenn das Logo so bleibt, ist es doch ganz Normal, denn du hast das Logo nicht als Hintergrund in der Tabelle, sondern als Bild gesetzt, und das Bild kann nunmal nicht kleiner gemacht werden, daher bleibt das Logo (die Logo Tabelle) immer in der Breite des Bildes (Logos).

Du müsstest das Logo als Hintergrund setzen, dann wird es auch bei anderen Auflösungen korreckt angezeigt. Im Moment sieht es bei dir so aus:

<tr>

    <td id="logostrip" colspan="2"><a href='http://kirmesforum.de/index.php?amp;' title='Board Home'><img src='style_images/td_Plati-496/logo.jpg' alt='Powered by Invision Power Board' border="0" align="middle" /></a>

</td>

  </tr>

Besser wäre es dann so:

<tr>

    <td height="68" id="logostrip" background="style_images/td_Plati-496/logo.jpg">&nbsp;</td>

  </tr>

Nun müsstest du das Logo z.b. nochmal anpassen, und es Breiter machen (die Grafik selbst) z.b. auf 1280, damit auch die Leute mit Großer Auflösung noch etwas davon haben, und es immer Korreckt angezeigt wird.

Ich habs bei mir auch so, kannst es ja testen: http://www.vw-audi-forum.com/forum/index.php?act=idx

Musst einfach mal die Auflösung auf 1024x768 stellen, und danach auf 1280x1024, dann siehst du was ich meine ;)

Sisterhood · December 15, 2003

@Rigo,

ich denke wir reden aneinander vorbei, denn mein LOGO hat den Vorteil das es IMMER komplett gesehen wird, also bei 1024 x 768 UND bei 1280 x 1024.

Bei deinem Logo ist es "nur" bei 1280 x 1024 voll im Bild, bei 1024 x 768 wird ein Teil abgeschnitten.

Ich habe das Logo vom Board getrennt das ist richtig und so soll es auch bleiben, ich dachte es gibt einen Wert den ich zusätzlich noch ändern muss, so das auch das Logo kleiner wird.

**Helge** · December 16, 2003

Ne, wir reden weniger aneinander vorbei

Du hast eine Feste Breite in deinem Board, und keine % Angabe. Daher wird das Forum bei dir bei 1280x1024 auch nur so klein Angezeigt, was mir Persönlich nicht gefällt. Zumindest sollte es bei jeder Auflösung die Gleiche Breite haben (nach meinen Vorstellungen).

Und redest du nun von der 1024'er Auflösung? Wenn ja, liegt es wie gesagt an deinem "Logo" das hat ja eine Feste Breite (width) die du nicht kleiner machen kannst, als 68px, und wenn du nun das Forum in 1024'er Auflösung schmaler haben willst, musst du auch das Logo schmaler machen, ansonsten kann die Obereste Tabelle mit dem Logo nicht schmaler werden ;)

Sisterhood · December 16, 2003

Ok, :rolleyes:

Fazit :

Wenn iich die gleiche Ansicht wie bei mir zur Zeit (1280x1042) auch bei 1024x768 haben möchte, muss ich das logo wieder ins Board "einfügen", dann kann ich auch die Gesamtbreite einstellen.

OK,

thx for Support

:)

**Helge** · December 16, 2003

Wenn iich die gleiche Ansicht wie bei mir zur Zeit (1280x1042) auch bei 1024x768 haben möchte, muss ich das logo wieder ins Board "einfügen", dann kann ich auch die Gesamtbreite einstellen.

Naja, nicht so ganz.

Du kannst bei 1024x768 NICHT das Forum schmaler machen als es im Moment ist, denn das Logo ist ja nunmal 968px Breit, und Schmaler kannst du das Forum nicht machen. Die Oberste Logo Tabelle wird immer so Breit bleiben wie das Logo ist.

Sisterhood · December 16, 2003

Ok, soweit verstehe ich es, wenn ich aber das LOGO kleiner mache als 968px und dann das Forum anpasse, dann ist es AUCH bei 1024x768 kleiner.

Da braucht man ja NOT- Abitur für

Sisterhood möchte einfach nur das Forum incl. Logo schmaler PLEASE :D

**Helge** · December 16, 2003

Sisterhood möchte einfach nur das Forum incl. Logo schmaler PLEASE

Ja, dann musst du in folge dessen auch das Logo kleiner machen

Entweder so wie ich in meinem Forum, oder du machst es wie es beim IPB Original ist, nur ein kleines Logo auf der Linken Seite.

Lurschi · February 23, 2004

Hier ist der Stylesheet von einer Skin. Würde ihn auch gerne auf 80% schmaler machen nur finde ich hier keinen Boardwrapper. Vielleicht findet ja jemand die Stelle

html { overflow-x: auto }

form { display: inline }

.tablewrapper { background-color: #FFF; border: 1px solid #999999 }

BODY { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; margin: 20px 5px 20px 5px; color: #000; background-color: #d6d6d6; background-image: url(style_images/<#IMG_DIR#>/bgstripes.gif) }

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

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

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

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

label { cursor: pointer }

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

.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: #3A4F6C }

.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: #434951 }

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; padding: 4px; margin: 0px; color: #333333; background-color: #f1f1f1 }

.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: 150%; width: 22%; background-color: #FFF; border: 1px solid #333333 }

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

#ucpcontent { line-height: 150%; width: auto; background-color: #FFF; border: 1px solid #333333 }

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

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

#logostrip { margin: 0px; background-color: #f9f9f9; border: 1px solid #333333; background-image: url(style_images/<#IMG_DIR#>/header_tile.gif) }

#submenu { font-size: 10px; margin: 3px 0px 3px 0px; font-weight: bold; color: #333333; background-color: #eeeeee; border: 1px solid #d6d6d6 }

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

#userlinks { background-color: #fafafa; border: 1px solid #e6e6e6 }

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

.activeuserstrip { padding: 6px; background-color: #f1f1f1; background-image: url(style_images/<#IMG_DIR#>/tile_sub.gif) }

.pformstrip { padding: 2px; font-weight: bold; margin-top: 1px; color: #333333; background-color: #f6f6f6; background-image: url(style_images/<#IMG_DIR#>/tile_sub.gif) }

.pformleft { padding: 6px; margin-top: 1px; width: 25%; border-top: 1px solid #C2CFDF; border-right: 1px solid #C2CFDF; background-color: #Fafafa }

.pformleftw { padding: 6px; margin-top: 1px; width: 40%; border-top: 1px solid #C2CFDF; border-right: 1px solid #C2CFDF; background-color: #Fafafa }

.pformright { padding: 6px; margin-top: 1px; border-top: 1px solid #C2CFDF; background-color: #Fafafa }

.post1 { background-color: #fafafa }

.post2 { background-color: #fafafa }

.postlinksbar { padding: 7px; margin-top: 1px; font-size: 10px; background-color: #eeeeee; background-image: url(style_images/<#IMG_DIR#>/tile_sub.gif) }

.row1 { background-color: #fafafa }

.row2 { background-color: #FFF }

.row3 { background-color: #fafafa }

.row4 { background-color: #FFF }

.darkrow1 { color: #333333; background-color: #cccccc }

.darkrow2 { color: #333333; background-color: #f6f6f6; background-image: url(style_images/<#IMG_DIR#>/tile_sub.gif) }

.darkrow3 { color: #333333; background-color: #f3f3f3 }

.hlight { background-color: #f6f6f6 }

.dlight { background-color: #f9f9f9 }

.titlemedium { font-weight: bold; margin: 0px; color: #3A4F6C; background-image: url(style_images/<#IMG_DIR#>/tile_sub.gif) }

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

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

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

.maintitle a:hover { text-decoration: underline }

.plainborder { background-color: #FFF; border: 1px solid #333333 }

.tableborder { background-color: #d6d6d6; border: 1px solid #333333 }

.tablefill { padding: 6px; background-color: #FFF; border: 1px solid #333333 }

.tablepad { padding: 6px; background-color: #FFF }

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

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

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

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

.edit { font-size: 9px }

.signature { font-size: 10px; line-height: 160%; color: #339 }

.postdetails { font-size: 10px }

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

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

.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 12px }

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

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

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

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

.copyright { font-family: Verdana, Tahoma, Arial, Sans-Serif; font-size: 9px; line-height: 12px }

.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 #FFF; border-bottom: 1px solid #FFF }

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

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

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

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

.orange { font-weight: bold; color: #F90 }

**Helge** · February 23, 2004

Dann wird die Angabe zur Breite bei deinem Skin im BoardWrapper im AdminCP sein, und nicht im CSS.

Lurschi · February 23, 2004

aber von da habe ich den doch ManageSkins/stylsheets....

**Helge** · February 23, 2004

Ja, du musst aber auf den Board Wrapper, nicht auf Stylesheets ;)

Lurschi · February 23, 2004

Sorry, da hab ich wohl was verwechselt aber im Wrapper hab ich jetzt auch nix gefunden.

<link rel="SHORTCUT ICON" href="http://www.familienspiegel.de/favicon.ico">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xml:lang="en" lang="en" xmlns="http://www.w3.org/1999/xhtml"><head><title>Willkommen auf Familienspiegel.de</title><meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /><% GENERATOR %><% CSS %><% Javascript %></head> <body><table align="center" width="85%" cellpadding="8" cellspacing="0" class="tablewrapper"><tr><td><% BOARD HEADER %><% NAVIGATION %><% BOARD %><% STATS %><% COPYRIGHT %>

<br>

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

  <tbody> 

 <tr> 

   <td align=middle class=foot> 

      <div align="center"><strong>Copyright 2003 <a 

           href="http://www.familienspiegel.de" target="_blank">Familienspiegel.de</a></strong></div>


    </td>

  </tr>

  <tr> 

    <td height="41" align=middle> 

     <div align="center"><font size="1" face="Verdana, Helvetica, sans-serif">Die 

      Texte geben die Meinung der Autoren und nicht unbedingt die des Familienspiegel.de

        Teams wieder.<br>

       Alle fraglichen Inhalte werden auf Anfrage und alle gegen die BoardRegeln 

       verstossenden Einträge automatisch entfernt (sobald sie bemerkt werden).<br>

       Wir behalten uns auch das Recht vor, Postings ohne Angaben von Gründen 

       zu löschen. </font></div>

</td>

 </tr>

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

  <tr>

    

<td valign="top" style="padding-top: 5px" align="center" background="style_images/ibforen13/b_tile.gif"><a href="http://www.familienspiegel.de/forum/index.php?act=Help">Hilfe</a> · <a href="http://www.familienspiegel.de/forum/index.php?act=Search&f=">Suche </a> · <a 

href="http://www.familienspiegel.de/forum/index.php?act=Members">Mitglieder</a> · <a 

href="http://www.familienspiegel.de/forum/index.php?act=calendar">Kalender</a> · <a 

href="http://www.familienspiegel.de/forum/index.php?pg=chatz" target="_blank">Chat</a> · &nbsp;<a href="http://www.familienspiegel.de/forum/index.php?act=birthdays">Geburtstage</a>  · &nbsp;<a

href="http://www.familienspiegel.de/forum/index.php?act=memory">Memory</a> · &nbsp;<a 

href="http://www.familienspiegel.de/forum/index.php?&act=mod_gallery">Gallerie</a> 



</td>


   

  </tr>

</table>

 </td></tr></table></html></body>

**Stefan** · February 23, 2004

<body><table align="center" width="85%" cellpadding="8" cellspacing="0" class="tablewrapper">

Bei der rotmarkierten Stelle würde ich mal ansetzen. :)

Lurschi · February 23, 2004

Hab ich gemacht aber es tut sich nix :(

**Helge** · February 23, 2004

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

Und was ist, wenn du das anpasst?

Sign In

Breite vom Forum incl Logo

Recommended Posts

Share this post

Link to post

Share this post

Link to post

Share this post

Link to post

Share this post

Link to post

Share this post

Link to post

Share this post

Link to post

Share this post

Link to post

Share this post

Link to post

Share this post

Link to post

Share this post

Link to post

Share this post

Link to post

Share this post

Link to post

Share this post

Link to post

Share this post

Link to post

Share this post

Link to post

Share this post

Link to post

Share this post

Link to post

Share this post

Link to post

Share this post

Link to post

Create an account or sign in to comment

Create an account

Sign in