Schriftart wechseln
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
archiv
band
beitrag
button
datei
formen
formular
galerie
geduld
gen
kommentar
meinst
multimedia
opus
schreiten
schrift
schriftart
schweizer
tag
test
-
Kann mir jemand satag/gen">gen wie der Code hier http://elianeb.pyrokar.lima-city.de/index.php?subaction=showcomments&id=1136474340&archive=&start_from=&ucat=& beim Kommentar abgeben unten ist, damit es die gleiche Schriftart ist wie oben?
Hier ist der Code (hoffe ist der, den man braucht -.-) Kenn mich halt ?berhaupt nicht mit HTML bzw. PHP aus
<table border="0" width="370" cellspacing="0" cellpadding="0">
<tr>
<td width="60">Name:</td>
<td><input type="text" name="name"></td>
</tr>
<tr>
<td>E-mail:</td>
<td><input type="text" name="E-Mail"> (Optional)</td>
</tr>
<tr>
<td>Smilies:</td>
<td>{smilies}</td>
</tr>
<tr>
<td colspan="2">
<textarea cols="40" rows="6" id=commentsbox name="comments"></textarea><br />
<input type="submit" name="submit" value="Kommentar hinzuf?gen">
</td>
</tr>
</table>
Beitrag ge?ndert am 5.01.2006 21:50 von elianeb -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
du willst die schriftart in der textarea ?ndern oder wie soll man das verstehen???
hast du den code selbst geschrieben oder ist der kopiert???
versuch es mal damit, die css-id "commentsbox" zu ?ndern, so dass ne andere schriftart angezeigt wird.......
aber sag erstma genau was du willst damit wir dir helfen k?nnen!
Beitrag ge?ndert am 5.01.2006 21:56 von ferdinand24 -
Nein, hab ich nicht selbst geschrieben, ist von www.cutephp.com
Also wenn du auf die Seite unten gehst, siehst du ja das unten, dort wo man den Kommentar hinzuf?gen kann, die Schriftart viel gr?sser und anders ist, oder? Und ich m?chte eben dass das dort gleich aussieht wie oben, also die Schrift gleich ist.
Aber wiegesagt, ich kenn mich weder mit PHP, noch mit HTML oder CSS aus... -
Hi,
Du musst einfach style="font-family:schriftart" in die Tags einh?ngen, bei denen du die schriftart ?ndern willst.
mfg,
hr -
1. Danke f?r die Hilfe
2. Kannst du mir die Stelle nennen, habe keine Ahnung was Tags sind
3. Und wie kann man die gr?sse der Schriftart festlegen?
4. Sorry f?r die n00bfragen -
...
<textarea
style="font-family: 'Times New Roman', serif; font-size: 100%;"
cols="40" rows="6" id="commentsbox" name="comments">
...
Sollte dir die Schrift immer noch zu gro? sein, dann kannst du sie ja in 5-Prozent-Schritten kleiner machen, bis sie dir gef?llt.
http://de.selfhtml.org/css/eigenschaften/schrift.htm
http://de.selfhtml.org/html/formulare/formatieren.htm
http://de.selfhtml.org/html/formulare/index.htm
http://de.selfhtml.org/html/formulare/eingabe.htm
Beitrag ge?ndert am 5.01.2006 22:50 von alopex -
Funzt irgendwie immer noch nicht... Hier der Code, den ich versuchte:
<table border="0" width="370" cellspacing="0" cellpadding="0">
<tr>
<td width="60">Name:</td>
<td><input type="text" name="name"></td>
</tr>
<tr>
<td>E-mail:</td>
<td><input type="text" name="E-Mail"> (Optional)</td>
</tr>
<tr>
<td>Smile:</td>
<td>{smilies}</td>
</tr>
<tr>
<td colspan="2">
<textarea
style="font-family: 'Times New Roman', serif; font-size: 100%;"
cols="40" rows="6" id="commentsbox" name="comments">
</textarea><br />
<input type="submit" name="submit" value="Kommentar hinzuf?gen">
</td>
</tr>
</table> -
Funzt irgendwie immer noch nicht... Hier der Code, den ich versuchte:
Bist du sicher? Bei mir funktionierts ... (im Opera).
Falls du allerdings den Button "Kommentar hinzuf?gen" meinst, der muss extra umgemodelt werden:
...
<input
style="font-family: 'Times New Roman', serif; font-size: 100%;"
type="submit" name="submit" value="Kommentar hinzuf?gen">
...
Sollte es dann immer noch nicht gehen, kann es sein, dass der Browser das ?ndern der Schriftart in diesen Buttons nicht unterst?tzt.
-
Bei mir ist die Schrift immernoch viel gr?sser als die bei den Kommentaren
Hier noch ein Screenshot:
http://img212.imageshack.us/img212/530/unbenannt19rj.jpg
Beitrag ge?ndert am 5.01.2006 23:15 von elianeb -
Ich hab das jetzt mal umgebaut. Allerdings muss dazu auch der Kopf der HTML-Datei ge?ndert werden.
Kannst du das so einbauen?
Am besten auf "Zitieren" gehen, und dann den HTML-Code kopieren.
<html>
<head>
<title>Unbenannt-12</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style>
body { font-family: Verdana, Arial, "Times new roman"; font-size: 11px; color: #FFFFFF; background-repeat: repeat-y; }
a { color: #color; }
a:link {
color: #FFFFFF;
text-decoration: none;
}
.Stil1 {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
}
.Stil2 {font-family: Geneva, Arial, Helvetica, sans-serif}
.Stil4 {font-size: 11px}
a:visited {
text-decoration: none;
color: #FFFFFF;
}
a:hover {
text-decoration: underline;
color: #FFFFFF;
}
a:active {
text-decoration: none;
color: #FFFFFF;
}
/* Hier ?nderungen */
form.eliane table,
form.eliane input,
form.eliane textarea
{
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
}
</style>
<body bgcolor="#1f2f6a" background="http://elianeb.lima-city.de/Grannysmith11/Bilder/background.gif" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (Unbenannt-12.psd) -->
<table id="Tabelle_01" width="850" height="364" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<img src="http://elianeb.pyrokar.lima-city.de/Grannysmith11/Bilder/index_01.gif" width="213" height="73" alt=""></td>
<td>
<img src="http://elianeb.pyrokar.lima-city.de/Grannysmith11/Bilder/index_02.gif" width="212" height="73" alt=""></td>
<td>
<img src="http://elianeb.pyrokar.lima-city.de/Grannysmith11/Bilder/index_03.gif" width="213" height="73" alt=""></td>
<td>
<img src="http://elianeb.pyrokar.lima-city.de/Grannysmith11/Bilder/index_04.gif" width="212" height="73" alt=""></td>
</tr>
<tr>
<td>
<img src="http://elianeb.pyrokar.lima-city.de/Grannysmith11/Bilder/index_05.gif" width="213" height="73" alt=""></td>
<td>
<img src="http://elianeb.pyrokar.lima-city.de/Grannysmith11/Bilder/index_06.gif" width="212" height="73" alt=""></td>
<td>
<img src="http://elianeb.pyrokar.lima-city.de/Grannysmith11/Bilder/index_07.gif" width="213" height="73" alt=""></td>
<td>
<img src="http://elianeb.pyrokar.lima-city.de/Grannysmith11/Bilder/index_08.gif" width="212" height="73" alt=""></td>
</tr>
<tr>
<td>
<img src="http://elianeb.pyrokar.lima-city.de/Grannysmith11/Bilder/index_09.gif" width="213" height="72" alt=""></td>
<td>
<img src="http://elianeb.pyrokar.lima-city.de/Grannysmith11/Bilder/index_10.gif" width="212" height="72" alt=""></td>
<td>
<img src="http://elianeb.pyrokar.lima-city.de/Grannysmith11/Bilder/index_11.gif" width="213" height="72" alt=""></td>
<td>
<img src="http://elianeb.pyrokar.lima-city.de/Grannysmith11/Bilder/index_12.gif" width="212" height="72" alt=""></td>
</tr>
<tr>
<td>
<img src="http://elianeb.lima-city.de/Grannysmith11/Bilder/index_13.gif" width="213" height="73" alt=""></td>
<td>
<img src="http://elianeb.lima-city.de/Grannysmith11/Bilder/index_14.gif" width="212" height="73" alt=""></td>
<td>
<img src="http://elianeb.lima-city.de/Grannysmith11/Bilder/index_15.gif" width="213" height="73" alt=""></td>
<td>
<img src="http://elianeb.lima-city.de/Grannysmith11/Bilder/index_16.gif" width="212" height="73" alt=""></td>
</tr>
<tr>
<td>
<img src="http://elianeb.pyrokar.lima-city.de/Grannysmith11/Bilder/index_17.gif" width="213" height="73" alt=""></td>
<td>
<img src="http://elianeb.pyrokar.lima-city.de/Grannysmith11/Bilder/index_18.gif" width="212" height="73" alt=""></td>
<td>
<img src="http://elianeb.pyrokar.lima-city.de/Grannysmith11/Bilder/index_19.gif" width="213" height="73" alt=""></td>
<td>
<img src="http://elianeb.lima-city.de/Grannysmith11/Bilder/index_20.gif" width="212" height="73" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->
<div class="Stil1" style="position: absolute; left: 47px; top: 357px; width: 541px">
<div align="center" class="Stil2">
<p>
<div style="width:420px; margin-bottom:15px;">
<div><strong>Test</strong></div>
<div style="text-align:justify; padding:3px; margin-top:3px; margin-bottom:5px; border-top:1px solid #D3D3D3;">Test</div>
<div style="float: right;">5 Kommentare</div>
<div><em>Geschrieben am 05 Jan 2006 von <a href="mailto:grannysmith.ch.vu@gmail.com">Eliane</a></em></div>
</div><div style="width: 400px; margin-bottom:20px;">
<div style="border-bottom:1px solid black;"> von <strong>bart</strong> @ 05 Jan 2006 11:07 pm</div>
<div style="padding:2px; background-color:#1f2f6a"><a name="1136498867"></a>Die commentare ist richtig?</div>
</div><div style="width: 400px; margin-bottom:20px;">
<div style="border-bottom:1px solid black;"> von <strong>abfs</strong> @ 05 Jan 2006 09:32 pm</div>
<div style="padding:2px; background-color:#1f2f6a"><a name="1136493137"></a>fggggggg</div>
</div><div style="width: 400px; margin-bottom:20px;">
<div style="border-bottom:1px solid black;"> von <strong>GB</strong> @ 05 Jan 2006 09:28 pm</div>
<div style="padding:2px; background-color:#1f2f6a"><a name="1136492928"></a>Hallo!</div>
</div><div style="width: 400px; margin-bottom:20px;">
<div style="border-bottom:1px solid black;"> von <strong>222</strong> @ 05 Jan 2006 07:13 pm</div>
<div style="padding:2px; background-color:#1f2f6a"><a name="1136484780"></a>222</div>
</div><div style="width: 400px; margin-bottom:20px;">
<div style="border-bottom:1px solid black;"> von <strong>fgh</strong> @ 05 Jan 2006 04:58 pm</div>
<div style="padding:2px; background-color:#1f2f6a"><a name="1136476735"></a>40406</div>
</div>
<!-- Hier ?nderungen -->
<form class="eliane" onsubmit="return CNSubmitComment()" method="post" name="comment" id="comment" action=""><table border="0" width="370" cellspacing="0" cellpadding="0">
<tr>
<td width="60">Name:</td>
<td><input type="text" name="name"></td>
</tr>
<tr>
<td>E-mail:</td>
<td><input type="text" name="E-Mail"> (Optional)</td>
</tr>
<tr>
<td>Smilies:</td>
<td>
<script type="text/javascript">
//<![CDATA[
function insertext(text){
document.comment.comments.value+=" "+ text;
document.comment.comments.focus();
}
//]]></script>
<noscript>Your browser is not Javascript enable or you have turn it off. We recommend you to activate, otherwise you will have to enter the emoticons representations manually.
</noscript><a href="javascript:insertext('','short')"><img style="border: none;" alt="smile" src="http://elianeb.pyrokar.lima-city.de/News/cutenews/data/emoticons/smile.gif" /></a> <a href="javascript:insertext('','short')"><img style="border: none;" alt="wink" src="http://elianeb.pyrokar.lima-city.de/News/cutenews/data/emoticons/wink.gif" /></a> <a href="javascript:insertext(':wassat:','short')"><img style="border: none;" alt="wassat" src="http://elianeb.pyrokar.lima-city.de/News/cutenews/data/emoticons/wassat.gif" /></a> <a href="javascript:insertext('','short')"><img style="border: none;" alt="tongue" src="http://elianeb.pyrokar.lima-city.de/News/cutenews/data/emoticons/tongue.gif" /></a> <a href="javascript:insertext(':laughing:','short')"><img style="border: none;" alt="laughing" src="http://elianeb.pyrokar.lima-city.de/News/cutenews/data/emoticons/laughing.gif" /></a> <a href="javascript:insertext(':sad:','short')"><img style="border: none;" alt="sad" src="http://elianeb.pyrokar.lima-city.de/News/cutenews/data/emoticons/sad.gif" /></a> <a href="javascript:insertext(':angry:','short')"><img style="border: none;" alt="angry" src="http://elianeb.pyrokar.lima-city.de/News/cutenews/data/emoticons/angry.gif" /></a> <a href="javascript:insertext(':crying:','short')"><img style="border: none;" alt="crying" src="http://elianeb.pyrokar.lima-city.de/News/cutenews/data/emoticons/crying.gif" /></a> </td>
</tr>
<tr>
<td colspan="2">
<textarea cols="40" rows="6" id="commentsbox" name="comments">
</textarea><br />
<input type="submit" name="submit" value="Kommentar hinzuf?gen">
</td>
</tr>
</table><div><input type="hidden" name="subaction" value="addcomment" /><input type="hidden" name="ucat" value="" /><input type="hidden" name="show" value="" /></div></form>
<script type="text/javascript" src="http://elianeb.pyrokar.lima-city.de/News/cutenews/remember.js"></script><script>CNreadCookie();</script><div style="margin-top:15px;width:100%;text-align:center;font:9px Verdana;">Content Management Powered by <a href="http://cutephp.com/" title="CuteNews - PHP News Management System">CuteNews</a></div><!-- News Powered by CuteNews: http://cutephp.com/ --> </p>
</div>
</div>
<div style="position: absolute; left: 631px; top: 28px; width: 170px"><FONT SIZE="1">
<div align="left"><span class="Stil4">auf www.grannysmith.ch.vu!<br>
Dies ist eine Fanpage über die schweizer Band Grannysmith. Hier hat es vorallem Multimedia-Sachen, wie z.B. Avatare und solches Zeug <img src="http://elianeb.lima-city.de/Grannysmith11/Smilies/happy.gif" width="9" height="8"> Hat aber auch Infos zur Band, eine Galerie usw. Müsst euch halt ein bisschen umsehen <img src="http://elianeb.lima-city.de/Grannysmith11/Smilies/wink.gif" width="9" height="8"><br>
</span> <br>
</div>
</div>
<div style="position: absolute; left: 631px; top: 28px; width: 170px"><FONT SIZE="1">
<div align="left"><span class="Stil4">auf www.grannysmith.ch.vu!<br>
Dies ist eine Fanpage über die schweizer Band Grannysmith. Hier hat es vorallem Multimedia-Sachen, wie z.B. Avatare und solches Zeug <img src="http://elianeb.lima-city.de/Grannysmith11/Smilies/happy.gif" width="9" height="8"> Hat aber auch Infos zur Band, eine Galerie usw. Müsst euch halt <br>
</span> <br>
</div>
</div>
<div style="position: absolute; left: 630px; top: 233px; width: 170px"><FONT SIZE="1">
<div align="left"><span class="Stil4">- Grannysmith<br>
- Media<br>
- Gigs<br>
- Verschiedenes
<br>
</span> <br>
</div>
<P ALIGN="Left">
</div>
<div style="position: absolute; left: 631px; top: 3px; width: 170px"><FONT SIZE="1">
<div align="right"><span class="Stil4">-- WILLKOMMEN <br>
<br>
</span> <br>
</div>
<P ALIGN="Left">
</div>
<div style="position: absolute; left: 628px; top: 150px; width: 170px; height: 5px;"><FONT SIZE="1">
<div align="right"><span class="Stil4">Eliane<br>
<br>
</span> <br>
</div>
<P ALIGN="Left">
</div>
<div style="position: absolute; left: 629px; top: 210px; width: 170px"><FONT SIZE="1">
<div align="right"><span class="Stil4">-- NAVIGATION<br>
<br>
</span> <br>
</div>
<P ALIGN="Left">
</div>
</body>
</html>
Beitrag ge?ndert am 5.01.2006 23:27 von alopex -
Du meinst den Code unten kopieren und dann als PHP speichern und heraufladen? Wenn ja, hab ich versuch nur kann ich so keinen Kommentar hinzuf?gen -> http://elianeb.pyrokar.lima-city.de/index2.php
Naja, ich werds wahrscheinlich einfach mal so stehen lassen, ist halt die Schrift ein wenig gr?sser. Falls ichs anders machen soll, kannst du (falls du die Geduld noch hast^^) ja schreiben, wie. Und sonst, danke vielmal! -
Naja, ich hab von deinem Link:
http://elianeb.pyrokar.lima-city.de/index.php?subaction=showcomments&id=1136474340&archive=&start_from=&ucat
den Quelltext herunterkopiert und ver?ndert. Aber auf deinem Webspace werden die Dateien wohl anders ausschauen.
Ich habe drei Sachen ge?ndert (fettgedruckt):
1) Ganz oben im Kopfteil habe ich einen Bereich hinzugef?gt:
...
a:active {
text-decoration: none;
color: #FFFFFF;
}
/* Hier ?nderungen */
form.eliane table,
form.eliane input,
form.eliane textarea
{
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
}
</style>
...
2) Und die ?nderungen, die ich dir f?r das Eingabefeld und den Button vorgeschlagen hatte, habe ich wieder entfernt.
3) Das FORM-TAG hat eine CSS-Klasse bekommen:
...
</div>
<!-- Hier ?nderungen -->
<form class="eliane" onsubmit="return CNSubmitComment()" method="post" name="comment" id="comment" action=""><table border="0" width="370" cellspacing="0" cellpadding="0">
<tr>
...
Kannst du damit etwas anfangen?
-
Also ich habs versucht, bin aber gescheitert
Ich finds nett das du mir helfen willst, aber wie's aussieht bin ich einfach zu dumm daf?r Langsam verlier ich n?mlich auch die Geduld (du wahrscheinlich auch )
Naja, nochmal vielen Dank -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage