SOLVED: dreamweaver - frage zu ... - Seite 2

Seite 2 von 2 - Forum: Coding Stuff auf overclockers.at

URL: https://www.overclockers.at/coding-stuff/solved_dreamweaver_frage_zu_120049/page_2 - zur Vollversion wechseln!

wenn ich jez verschiedene styles machn will. wie funzt das?
sprich textformat, farbe usw...?

selfhtml hat mir nicht wirklich geholfen.

du definierst einfach classen die dann zugewisen werden

hier mal ein kleiner auszug aus einer, damit du siehst was ich meine:

Code:

body {
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	background-color: #f7f7f7;
	background-attachment: fixed;
	background-image: url(grafiken_design/bodyhg.gif);
	background-repeat: repeat-y;
	background-position: center;
}
p {font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
td {font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
.schriftklein {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #007346;
}
.bottomhg {
	background-attachment: fixed;
	background-image: url(grafiken_design/bottom.gif);
	background-repeat: no-repeat;
}
a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #007346;
	text-decoration: none;
}
a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #007346;
	text-decoration: underline;
}
.quelle {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333}
.quelle a:link {
	color: #007346;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.quelle a:visited {
	color: #007346;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.quelle a:hover {
	color: #007346;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.quelle a:active {
	color: #007346;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.news {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}
.newsh1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #07784C;
}
.h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #007346;
}
.input {
	border: 1px solid #007346;
	height: 20px;
	width: 110px;
	background-color: #E6FFF4;
}
.login {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	background-color: #007346;
	margin: 5px;
	height: 20px;
	width: 100px;
}
.inputadr {
	height: 20px;
	width: 200px;
	border: 1px solid #007346;
	background-color: #E6FFF4;
}
.inputstk {
	height: 20px;
	width: 40px;
	border: 1px solid #007346;
	background-color: #E6FFF4;
}
.area {
    height: 70px;
	width: 340px;
	border: 1px solid #007346;
	background-color: #E6FFF4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.schriftgruen {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #007346;
}
.fehler {
	color: #FF0000;
}

du machst da im body oder?
ich moecht ja alles im stylesheet definieren u. dann den versch. ueberschriften usw. den classen zuordnen.

moechte also, wenn ich im stylesheet was aendere, dass alles geaendert wird u. ich nicht weider im body herumpfuschen muss.

btw, weisst du etwas ueber die schlagwoerter? wo man die einstellen kann, damit man bei den suchmaschinen relativ gut chancen hat?

der oben gepostete code IST EIN CSS!

das kopierst z.b. in die style.css
dann verknüpfst die datei mit deinen html-datein. somit ist dieses style für dein komplettes projekt gültig!

du kannst einerseits allgemeingültige sachen definieren wie body, p, td, h1, h2 usw.

wenn dir das nicht reicht kannst du eben klassen definieren (die namen kannst du selbst vergeben, aber eben mit einem "." davor!)
und diese klassen kannst du dann deinen überschrift usw. zuweisen!

@stichwörter!

google mal nach "META-Tags"
gibt schon genug solcher Metatags-generatoren, die dir deinen code automatisch erzeugen

boah, die stylesheets check ich einfach nicht recht...
wie aendere ich jez hintergrundfarben von tabellen und sag dann dem dreamweaver, dass er sie dann auch vom stylesheet beziehen soll......

tia
luki

1) spar dir solche wortspielchen...
2)

Code: PHP

<link rel="stylesheet" type="text/css" href="styles.css"> 

Code: PHP

<td class="klasse">

sry, war ja net boes gemeint.
danke, das versuch ich gleich mal.

edit: ist das obere jez der befehl den ich in das stylesheet einfügen muss?

sry, aber ich steh auf da leitung...

Zitat von diokletian

Zitat von Sammy

Hat wer sich mal der Schuh des Manitu auf englisch reingezogen??
Der lamste Film den ich gesehen hab!!!
Hello i'am WinneTouch man so dumm!!!!!1

Zitat

3)

Code: PHP

<td class="klasse">

jop, aber ist das erste schon der befehl der ins stilesheet muss?

Nein, der gehoert zwischen die Head-Tags der Seite, in der das Stylesheet verwendet wird

ja, aba was fuer ein befehl ghoert in DAS STYLESHEET indem steht, dass er die zellenfarbe auf #336633 aendern soll?

Zitat von __Luki__

ja, aba was fuer ein befehl ghoert in DAS STYLESHEET indem steht, dass er die zellenfarbe auf #336633 aendern soll?

luki zieh dir vom i-net self-html8.0 und ließ dich durch..
wo i den webdevkurs gmacht hab(10monate) hamma nur damit ghacklt wenn ma wo angstanden sind hamma dort nachgschaut und 2-3 die auch dort waren hatten vorher 0 ahnung von html,xhtml,css&co.de ham selfhtml durchglesn, kapietel für kapietel(wohlgemerkt zuhause und ned im kurs) und san jetzt a hammer was html/css & barrierefreies webdesign angeht.


edit: hab obigen post ned gsehn.

Zitat von guvi

Zitat von PIMP

hm, die qualität der videos ist den beiden nicht würdig.

Code:

body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #333333;
}

Code:

table {
  font-size: 1em;
}

overclockers.at v4.thecommunity
© all rights reserved by overclockers.at 2000-2025