Author Topic: template und css  (Read 13709 times)

0 Members and 1 Guest are viewing this topic.

Offline Marika

  • Pre-Newbie
  • Posts: 9
    • View Profile
template und css
« on: November 18, 2007, 12:05:12 PM »
Hallo,
erst mal ein grosses Danke für die Möglichkeit so eine tolle Galerie erstellen zu können, habe schon einige Beispiele bewundern können.
Ich möchte gerne die Templates nach meinem Geschmack erstellen. Leider bin ich im Umgang mit htm u.s.w nicht sehr versiert, deswegen habe ich ein paar (hoffentlich nicht zu dumme Fragen). Die css Datei muss ich bezüglich der Farben und der Schrift ändern, das ist soweit klar, ich möchte aber ein Backgroundimage einfügen, wo und wie soll ich das schreiben.
Wenn ich Farbe und Schrift in der css geändert habe, muss ich das dann auch noch in jeder html machen? und wie kann ich eine Vorschau von meinen Änderungen erstellen, damit ich nicht alles ständig neu hochfahren muss....................Danke schon mal für die Hilfe
Gruss Marika

Offline honda2000

  • 4images Guru
  • *******
  • Posts: 3.263
    • View Profile
    • Wir machen Internet!
Re: template und css
« Reply #1 on: November 18, 2007, 12:39:51 PM »
hallo
ich würde wie folgt vorgehen (als Anfänger)

du hast deinen Ordner /templates/ dort liegt jetzt der ordner /default/

das wäre dein jetztiger Style

leg die direkt neben dem Ordner <default> einen zweiten Ordner z.B. >default_test> an, alles was im ordner <default> liegt, kommt auch in den Ordner <default_test>

jetzt stellst du im ControlPanel den Template-Ordner auf > Pulldown default_test

(der Orginal-Style bleibt erhalten und du änderst in einem zweiten Ordner)

Farben, ja in der style.css, Schriftfarbe, nein, in der header.html

was was ist, sieht du hier: http://forum.thomas-heydel.de/viewthread.php?tid=21  <<< zweites Bild

Hintergrundbild:

style.css

Code: [Select]
body
 {
 background-image: url(../images/bg.gif);  //musst du die eben anpassen
background-repeat: //
repeat = wiederholen (Voreinstellung).
repeat-x = nur "eine Zeile lang" waagerecht wiederholen.
repeat-y = nur "eine Spalte lang" senkrecht wiederholen.
no-repeat = nicht wiederholen, nur als Einzelbild anzeigen.
eben angepasst, an das Bild

color: White;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
/* this attribute sets the basis for all the other scrollbar colors (Internet Explorer 5.5+ only) */
scrollbar-base-color : #2C2C2C;
}


EDIT: mit dem zweiten Template-Ordner umgehst du die Gefahr, wenn was so "beschissen" aussieht, oder gar "verschindet" das du es nicht mehr ändern kannst
« Last Edit: November 18, 2007, 01:03:24 PM by honda2000 »

Offline Marika

  • Pre-Newbie
  • Posts: 9
    • View Profile
Re: template und css
« Reply #2 on: November 18, 2007, 01:25:20 PM »
Danke, das erscheint mir sehr hilfreich, dann gehe ich mal fummeln :D

Gruss Marika

Offline honda2000

  • 4images Guru
  • *******
  • Posts: 3.263
    • View Profile
    • Wir machen Internet!
Re: template und css
« Reply #3 on: November 18, 2007, 03:34:06 PM »
 :D :lol:wir kommen mit (fummeln) :wink: :lol:

Offline Nicky

  • Administrator
  • 4images Guru
  • *****
  • Posts: 3.195
    • View Profile
Re: template und css
« Reply #4 on: November 18, 2007, 03:56:32 PM »
8O :roll: :twisted:

hey honda,

brav bleiben  :P
cheers
Nicky
Your first three "must do" before you ask a question ! (© by V@no)
- please read the Forum Rules ...
- please study the FAQ ...
- please try to Search for your answer ...

nicky.net 4 4images
Signature stolen from mawenzi

Offline honda2000

  • 4images Guru
  • *******
  • Posts: 3.263
    • View Profile
    • Wir machen Internet!
Re: template und css
« Reply #5 on: November 18, 2007, 04:28:06 PM »
bin doch brav  8) :D
...aber bissel fummeln :wink: :lol: :lol:

Offline Marika

  • Pre-Newbie
  • Posts: 9
    • View Profile
Re: template und css
« Reply #6 on: November 18, 2007, 05:45:05 PM »
bin doch brav  8) :D
...aber bissel fummeln :wink: :lol: :lol:

so,so :D

aber die Tipps waren schon sehr hilfreich, aber Fragen gehen mir nie aus :D bei einer habe ich schon graue Haare bekommen.................ich habe in der css Datei einige Farben geändert, klappt auch wunderbar, aber irgendwie ignoriert teilweise die Schriftfarbe meine Wünsche, z.B möchte ich im Bereich imagerow1 schwarze Schrift, aber da habe ich bisher vergeblich gefummelt (ja, ja  :D).............irgendwas übersehe ich da oder mache ich falsch.
Und dann möchte ich noch ein Impressum einfügen, ich brauche also noch eine Seite, wie muss ich da vorgehen, mit meinen Hompagetools ist das ja kein Problem, aber hier bin ich doch seeeehr blond.

Gruss Marika

Offline honda2000

  • 4images Guru
  • *******
  • Posts: 3.263
    • View Profile
    • Wir machen Internet!
Re: template und css
« Reply #7 on: November 18, 2007, 07:11:11 PM »
Punkt1 (zusätzliche Seite z.B. Impressum) guckst du hier: http://www.4homepages.de/forum/index.php?topic=13993.0 in meiner 3. Antwort die Anleitung, in der 4. der download für das default-Template

Punkt2 Schriftfarbe änderst du in der header.html, dort auch die Linkfarben

wenn du jetzt in: imagerow1

Code: [Select]
/*--Images----------------------------------------------------*/
.imagerow1 {
  background-color: #333333;
  color: White;
}

schwarz als Schriftfarbe haben willst, ändere einfach: color: White; in: collor: black;

"fummel" mal schön, wir sind bei dir :D :lol: Nicky gibts nur nicht zu, aber er will auch...
...wohnt nur leider in Wien :wink: :roll: :lol:

Offline Marika

  • Pre-Newbie
  • Posts: 9
    • View Profile
Re: template und css
« Reply #8 on: November 18, 2007, 07:42:50 PM »
danke für die prompte Hilfestellungen (aber nicht was das Fummeln angeht :D :D), ich werde mich sofort wieder ans Werk machen

Gruss Marika

Offline Marika

  • Pre-Newbie
  • Posts: 9
    • View Profile
Re: template und css
« Reply #9 on: November 18, 2007, 11:04:31 PM »
so, ich habe es jetzt soweit verstanden und meine Galerie nimmt Formen an.
Was aber partout nicht klappen will, ist das Einfügen meines Backgroundimages. Es wird nicht angezeigt, die Hintergrundfarbe kann ich ändern, aber kein Image anzeigen. Der Pfad zu meinem Bild lautet: http://www.terrafilia.de/templates/default/images/a.gif
Habe damit ständig probiert..........erfolglos, ich mache wohl immer noch einen Fehler.
Wo muss ich genau die url einfügen? In der style css und in der header html oder nur in eimer von beiden?
Gruss Marika

Offline nobby

  • 4images Guru
  • *******
  • Posts: 2.873
    • View Profile
Re: template und css
« Reply #10 on: November 19, 2007, 08:18:44 AM »
in der style.css

Offline honda2000

  • 4images Guru
  • *******
  • Posts: 3.263
    • View Profile
    • Wir machen Internet!
Re: template und css
« Reply #11 on: November 19, 2007, 08:54:05 AM »
genau, das hatte ich etwas weiter oben, schon mal erklärt:

Code: [Select]
body
 {
 background-image: url(../images/a.gif);  //musst du die eben anpassen
background-repeat: //
repeat = wiederholen (Voreinstellung).
repeat-x = nur "eine Zeile lang" waagerecht wiederholen.
repeat-y = nur "eine Spalte lang" senkrecht wiederholen.
no-repeat = nicht wiederholen, nur als Einzelbild anzeigen.
eben angepasst, an das Bild



Offline Marika

  • Pre-Newbie
  • Posts: 9
    • View Profile
Re: template und css
« Reply #12 on: November 19, 2007, 10:01:04 AM »
Na, das habe ich doch auch versucht, aber das Hintergrundbild wird eben trotzdem  nicht angezeigt :(
So, steht es bei mir:
body
 {
 background-image: url(../images/a.gif);
background-attachment: fixed;
background-repeat: repeat-x;
background-color: #FFFFFF;
color: #000000;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  /* this attribute sets the basis for all the other scrollbar colors (Internet Explorer 5.5+ only) */
  SCROLLBAR-BASE-color:  #004c75;
  SCROLLBAR-ARROW-color: #fcdc43;

Gruss Marika

Offline honda2000

  • 4images Guru
  • *******
  • Posts: 3.263
    • View Profile
    • Wir machen Internet!
Re: template und css
« Reply #13 on: November 19, 2007, 10:31:59 AM »
warum auch immer das nicht geht, füg einfach mal

Code: [Select]
body
 {
 background-image: url(http://www.terrafilia.de/templates/default/images/a.gif);
background-attachment: fixed;
background-repeat: repeat-x;
background-color: #FFFFFF;
color: #000000;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  /* this attribute sets the basis for all the other scrollbar colors (Internet Explorer 5.5+ only) */
  SCROLLBAR-BASE-color:  #004c75;
  SCROLLBAR-ARROW-color: #fcdc43;
}
ein

Offline Marika

  • Pre-Newbie
  • Posts: 9
    • View Profile
Re: template und css
« Reply #14 on: November 19, 2007, 11:43:07 AM »
jaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa, jetzt hat es geklappt....................danke,  danke, danke
Noch eine Frage zum Schluss, was muss ich denn eingeben, wenn ich möchte das sich das Hintergrundbild wiederholt, also gekachelt wird?

Gruss Marika