Seite 1 von 2

wie wird der Blaue Kasten Definiert (prosilver)

Verfasst: 30.07.2007 19:36
von Elvis
Hallo,
wie wird der blaue Kasten um die Foren Definiert beim prosilver Styles ?
ich Blick das noch nicht ganz :/

Verfasst: 30.07.2007 21:13
von Dr.Death
Hi,

aus 2 Werten.

Hintergrundfarbe + überlagetem Bild. ( z.B. gradient.gif )

Lösung: colours.css

Code: Alles auswählen

/*  	
--------------------------------------------------------------
Colours and backgrounds for content.css
-------------------------------------------------------------- */

ul.forums {
	background-color: #555555;
	background-image: url("{T_THEME_PATH}/images/gradient.gif");
}
und/oder:

Code: Alles auswählen

.forabg {
	background-color: #1C1C1C;
	background-image: url("{T_THEME_PATH}/images/bg_list.gif");
}

.forumbg {
	background-color: #424242;
	background-image: url("{T_THEME_PATH}/images/bg_header.gif");
}

Verfasst: 31.07.2007 03:22
von Highwayman
Dr.Death hat geschrieben:

Code: Alles auswählen

.forabg {
	background-color: #1C1C1C;
	background-image: url("{T_THEME_PATH}/images/bg_list.gif");
}

.forumbg {
	background-color: #424242;
	background-image: url("{T_THEME_PATH}/images/bg_header.gif");
}
Es ist dieses und zwar ist das obere background-color die Farbe für den unteren Teil des Rahmen und das Image bei der unteren Angabe sollte entfernt werden, einfach "background-image: url("{T_THEME_PATH}/images/bg_header.gif");" entfernen

Verfasst: 31.07.2007 14:41
von Elvis
Danke für eure Antworten.

Verfasst: 14.12.2007 23:37
von Elvis
Hallo,
sorry erstmal das ich dieses alte thema nach oben hole aber ich Blick da noch nicht durch mit dem blauen Rahmen :/

Ich möchte so eine Box haben wie in phpBB3 der Index für die foren aussieht

[ externes Bild ]

Der titel und der Inhalt wird von mir selbst eingefügt und ich brauche nur die genauen CSS und HTML befehle wie das ganze aufgebaut ist.

Ich habe schon versucht das einzelnt zu kopieren mit den selben class usw damit ich überhaubt da durch blicke, aber das tuhe ich noch nicht :/

bitte könnte mir jemand das mal erklären ?

Verfasst: 05.04.2008 11:51
von Overhead
@ Elvis

ich weiss nicht ob Deine Frage noch aktuell ist und Du eine Lösung gefunden hast - falls nicht, dann mach folgendes:

Code: Alles auswählen

     
<div class="forabg"> 
       <div class="inner"><span class="corners-top"><span></span></span>
<h2><font color="#fff8dc">{TITEL DEINES PROJEKTS}</font></h2>
    
    <div class="panel"> 
       <div class="inner"><span class="corners-top"><span></span></span> 

       <div class="content"> 
          <p> 
          <center> 
Danach kannst Du Deinen Inhalt reinpacken. ;)

und dann

Code: Alles auswählen

</center> 
          </p> 
       </div> 

       <span class="corners-bottom"><span></span></span></div> 
	</div>   
    </div> 
<span class="corners-bottom"><span></span></span></div>
Natürlich solltest Du oben und unten noch die jeweilig benötigten header und footer includen.

cu Overhead

Verfasst: 06.04.2008 22:29
von Elvis
@ Overhead
sieh dir mal den Screenshot an, die obere Box ist dein Code und die untere ist meiner.

Ich weis nur nicht ob der Code so richtig ist, könntest Du mal oder jemand anderes einen Blick drauf werfen und gucken ob das so richtig ist ?

Screenshot

Code: Alles auswählen

<div class="forabg">
			<div class="inner"><span class="corners-top"><span></span></span>
			<ul class="topiclist">
				<li class="header">
					<dl class="icon">
						<dt>Oben</dt>
					</dl>
				</li>
			</ul>
			 <ul class="topiclist forums">

		<li class="row">
			<dl>
				<dt>inhalt</dt>

			</dl>
		</li>
		</ul>

			<span class="corners-bottom"><span></span></span></div>
		</div>	

Verfasst: 07.04.2008 12:03
von Overhead
@ Elvis

der obere Teil bei mir ist deshalb so groß weil ich die h2 formatierung mitverwendet habe - natürlich kannst Du auch die class header nutzen. btw. Dein code ist sparsamer als meiner und erfüllt eigentlich den gleichen Zweck - wobei ich mich wundere warum den div class panel nicht benutzt der ist doch sowieso schon per css vorgegeben.

cu Overhead

Verfasst: 09.04.2008 16:52
von BaerchenHH
Ich bin auch auf der Suche so eine "Info-Box" einzurichten...

Leider stimmt selbst ohne <h2>-Tag das Design nicht ganz mit dem Design der "normalen" überein...

deshalb habe ich den Code von Elvis favorisiert...

Da ich den Titel zentriert dargestellt haben wollte, welcher sich durch die Standard-Einstellungen auf nur 25% verschob, habe ich die class="topiclist" zu class="textbox" umbenannt und die nötigen Zeilen-Bereiche der \styles\prosilver\theme\content.css kopiert und ebenfalls umbenannt...

So weit so gut!

Aber für den Inhalt-Bereich bekomme ich das nicht hin (ich finde den entsprechenmden Bereich nicht)...

Wo zum Teufel wird dieser genau definiert???
(möchte den entsprechend genauso verändern)

Verfasst: 10.04.2008 11:49
von Elvis
wenn ich mich nicht Irre ist das hier alles Definiert

Suche in
styles\prosilver\theme\content.css

Code: Alles auswählen

ul.topiclist li {
	display: block;
	list-style-type: none;
	color: #777777;
	margin: 0;
}

ul.topiclist dl {
	position: relative;
}

ul.topiclist li.row dl {
	padding: 2px 0;
}

ul.topiclist dt {
	display: block;
	float: left;
	width: 50%;
	font-size: 1.1em;
	padding-left: 5px;
	padding-right: 5px;
}

ul.topiclist dd {
	display: block;
	float: left;
	border-left: 1px solid #FFFFFF;
	padding: 4px 0;
}

ul.topiclist dfn {
	/* Labels for post/view counts */
	display: none;
}

ul.topiclist li.row dt a.subforum {
	background-image: none;
	background-position: 0 50%;
	background-repeat: no-repeat;
	position: relative;
	white-space: nowrap;
	padding: 0 0 0 12px;
}
}