Seite 1 von 1

Copyright verkleinern

Verfasst: 05.10.2005 00:17
von rockford
Hi zusammen,

ich möchte den Copyrightvermerk unten im Footer weiter ergänzen, und verkleinern. Aber irgendwie bin ich zu dämlich dazu.

Ich habe es mit simplem HTML versucht, und auch mit div-klassen über das Stylesheet. Aber ohne Erfolg.

Kann mir bitte jemand sagen, was ich machen muß, um den Text kleiner zu bekommen?

Hier der Auszug aus der overall_footer

Code: Alles auswählen

<center><a href="http://www.fetishlounge.de/forum/index.php"><img border="0" src="http://www.fetishlounge.de/club-bizarr/phpBB2/templates/esbardu/images/kram.jpg" alt="mehr als nur bizarrer Kram..." width="230" height="22"></a></center><hr><br> 
<font>Powered by <a href="http://www.phpbb.com/" target="_blank">phpBB</a> {PHPBB_VERSION} &copy; 2001, 2005 phpBB Group<br><a href="http://www.fetishlounge.de/" target="_blank">www.fetishlounge.de </a>sagt Danke phpBB<br></font> 
</td> 




Und hier die css:



Code: Alles auswählen

    BODY { margin-left: 0%; margin-right: 0%; margin-top: 0%; font-size: 13px; FONT-FAMILY: verdana, arial, sans-serif; COLOR:#000000; BACKGROUND-COLOR:#80b700; }
A:link { font-size: 13px; FONT-FAMILY: verdana, arial, sans-serif; COLOR: #238c13; text-decoration: none; background-color: transparent; font-weight:bold;}
A:visited { font-size: 13px; FONT-FAMILY: verdana, arial, sans-serif; COLOR: #238c13; text-decoration: none; background-color: transparent; font-weight:bold;}
A:active { font-size: 13px; FONT-FAMILY: verdana, arial, sans-serif; COLOR: #238c13; text-decoration: none; background-color: transparent; font-weight:bold;}
A:hover { font-size: 13px; FONT-FAMILY: verdana, arial, sans-serif; COLOR: #FFFFFF; text-decoration: none; COLOR: #ff3333; font-weight:bold;}
FONT {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 13px; FONT-FAMILY: verdana, arial, sans-serif}
.titular {COLOR: #000000; background-color:#238c13;}
.negro {background-color:#000000; color: #FFFFFF; FONT-SIZE: 10px; FONT-FAMILY: verdana, arial, sans-serif; font-weight:bold;}
.conteniu {background-color:#80b700; color: #000000; FONT-SIZE: 13px; FONT-FAMILY: verdana, arial, sans-serif}
.copy {COLOR: #FFFFFF; FONT-SIZE: 9px; FONT-FAMILY: verdana, arial, sans-serif; background-color:#000000;}
.tablanca {background-color:#FFFFFF; color: #000000;}
.bordpunt {border-left: #238c13 2px dotted;}
.bordpunt2 {border-bottom: #238c13 2px dotted;}

input,textarea, select {
        background-color: #ffffff;
	color : #000000;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #000000;
}

.check {background-color: transparent;
        border-style: none;
}

a.imagen:link {background-color:#ffffff; color: #000000; FONT-SIZE: 12px; FONT-FAMILY: verdana, arial, sans-serif;}
a.imagen:visited {background-color:#ffffff; color: #000000; FONT-SIZE: 12px; FONT-FAMILY: verdana, arial, sans-serif;}
a.imagen:active {background-color:#ffffff; color: #000000; FONT-SIZE: 12px; FONT-FAMILY: verdana, arial, sans-serif;}
a.imagen:hover {background-color:#ffffff; color: #000000; FONT-SIZE: 12px; FONT-FAMILY: verdana, arial, sans-serif;}

.gris1 {border-bottom: white 1px solid; border-right: white 1px solid; background-color:#F6F4F4; font-size: 13px; FONT-FAMILY: verdana, arial, sans-serif; COLOR:#000000;}
.gris2 {border-bottom: white 1px solid; background-color:#F6F4F4; font-size: 13px; FONT-FAMILY: verdana, arial, sans-serif; COLOR:#000000;}

.categoria {background-color:#E5E5E5; font-size: 13px; FONT-FAMILY: verdana, arial, sans-serif; COLOR:#000000;}

.helpline { background-color: #F6F4F4; border-style: none; }

.quote {
	font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #006600;
	background-color: #FAFAFA; border: #D1D7DC; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.code {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #ffffff; line-height: 125%; font-weight:bold;
	background-color: #930000; border: #930000; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.infobox2 {
	BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 5px; BACKGROUND: #fbfbe5; PADDING-BOTTOM: 5px; BORDER-LEFT: #000000 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #000000 1px solid
}
A.navigation:link {
	BORDER-RIGHT: #000000 0px solid; PADDING-RIGHT: 2px; BORDER-TOP: #000000 1px solid; DISPLAY: block; PADDING-LEFT: 10px; FONT-SIZE: 12px; BACKGROUND: #238C13; PADDING-BOTTOM: 2px; MARGIN: 4px 0px 0px 10px; BORDER-LEFT: #000000 0px solid; WIDTH: 160px; COLOR: #ffffff; PADDING-TOP: 2px; BORDER-BOTTOM: #000000 1px solid; TEXT-ALIGN: left; 
}
A.navigation:visited {
	BORDER-RIGHT: #000000 0px solid; PADDING-RIGHT: 2px; BORDER-TOP: #000000 1px solid; DISPLAY: block; PADDING-LEFT: 10px; FONT-SIZE: 12px; BACKGROUND: #238C13; PADDING-BOTTOM: 2px; MARGIN: 4px 0px 0px 10px; BORDER-LEFT: #000000 0px solid; WIDTH: 160px; COLOR: #ffffff; PADDING-TOP: 2px; BORDER-BOTTOM: #000000 1px solid; TEXT-ALIGN: left; 
}
A.navigation:active {
	BORDER-RIGHT: #000000 0px solid; PADDING-RIGHT: 2px; BORDER-TOP: #000000 1px solid; DISPLAY: block; PADDING-LEFT: 10px; FONT-SIZE: 12px; BACKGROUND: #238C13; PADDING-BOTTOM: 2px; MARGIN: 4px 0px 0px 10px; BORDER-LEFT: #000000 0px solid; WIDTH: 160px; COLOR: #ffffff; PADDING-TOP: 2px; BORDER-BOTTOM: #000000 1px solid; TEXT-ALIGN: left; 
}
A.navigation:hover {
	BORDER-RIGHT: #000000 0px solid; PADDING-RIGHT: 2px; BORDER-TOP: #000000 1px solid; DISPLAY: block; PADDING-LEFT: 10px; FONT-SIZE: 12px; BACKGROUND: #ffffff; PADDING-BOTTOM: 2px; MARGIN: 4px 0px 0px 10px; BORDER-LEFT: #000000 0px solid; WIDTH: 160px; COLOR: #000000; PADDING-TOP: 2px; BORDER-BOTTOM: #000000 1px solid; TEXT-ALIGN: left; 
}
A.linkzusatznavi:hover {
	BORDER-RIGHT: #000000 0px solid; PADDING-RIGHT: 2px; BORDER-TOP: #000000 1px solid; DISPLAY: block; PADDING-LEFT: 10px; FONT-SIZE: 12px; BACKGROUND: #ffffff; PADDING-BOTTOM: 2px; MARGIN: 4px 0px 0px 10px; BORDER-LEFT: #000000 0px solid; WIDTH: 160px; COLOR: #000000; PADDING-TOP: 2px; BORDER-BOTTOM: #000000 1px solid; TEXT-ALIGN: left; 
}

    

Verfasst: 05.10.2005 00:23
von Markus67
Hi ...
<font>Powered by <a href="http://www.phpbb.com/" target="_blank">phpBB</a> {PHPBB_VERSION} &copy; 2001, 2005 phpBB Group<br><a href="http://www.fetishlounge.de/" target="_blank">www.fetishlounge.de </a>sagt Danke phpBB<br></font>
Das rote sind die Styleanweisungen in der tpl-Datei.

So sieht das ganze im Stylesheet aus:
FONT {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 13px; FONT-FAMILY: verdana, arial, sans-serif}
Wenn du das jetzt änderst werden sich noch ein paar Schriftgrößen ändern. Von daher würde ich in der css-Datei eine neue Definition anlegen direkt unter FONT
COPYRIGHT {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 10px; FONT-FAMILY: verdana, arial, sans-serif}
Dann kannst du in der tpl-Datei font mit copyright ersetzen. :wink:

Markus

Verfasst: 05.10.2005 00:28
von rockford
Ich habe mir HTML, CSS und Co selbst angeeignet. Und alles was ich bis jetzt gesehen habe sah so aus:

Code: Alles auswählen

<div class=artikel>blablub</div>

Damit wäre denn die css-Klasse definiert.

und mit <font> definiert man doch nur in HTML:


<font size=small>Text</font>


Wie kann jetzt einfach nur <font>, ohne class oder gen eine css-Klasse definieren? Oder steh ich jetzt auf dem Schlauch?

Verfasst: 05.10.2005 00:37
von rockford
Auch wenn es mir fremd erscheint, hatt's geklappt. Vielen Dank.

Aber die Links werden immer noch in der alten Größe angezeigt. Wenn ich jetzt auch neue Link-Klassen vergebe, wie muß ich dass dann im tpl. eintragen?

Verfasst: 05.10.2005 00:40
von Markus67
Hi ...

das machst du dann so:
COPYRIGHT {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 10px; FONT-FAMILY: verdana, arial, sans-serif}
a.COPYRIGHT:link {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 10px; FONT-FAMILY: verdana, arial, sans-serif}
a.COPYRIGHT:visited {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 10px; FONT-FAMILY: verdana, arial, sans-serif}
a.COPYRIGHT:hover {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 10px; FONT-FAMILY: verdana, arial, sans-serif}
Markus