Beiträge von wolf

wolf · 2. November 2013

Danke!

wolf · 2. November 2013

Also ich hoffe ich hab Teile richtig verstanden..
Seitenaufbau:

HTML

html
  body
	all
  	schwan_container
  	schwan_topmenu
  	schwan_topsection
  	schwan_headersection
  	schwan_content_section
  	schwan_footer
   /all
 /body
/html

Alles anzeigen

du hast:

CSS

html {
background: url(images/schwan_html_bg.jpg) repeat;
}




body {
background: url(images/schwan_body_bg.jpg) repeat-x center top;
}

In deinem Beispiel wird der Bg des <html> überschrieben duch den <body> Bg, da, wenn nicht anders definiert <body> genau so groß wie <html> ist!!

Welchem Element wilst du jetzt den anderen Hintergrund geben und willst du Links einen anderen Bg haben als Rechts oder ist es ein breites bild?

meinst du es so? : http://wolf.wolfgang-m.de/beispiele/bsp-7.html

HTML

<!DOCTYPE html>
<html>
  <head>
	<title>Beispiel</title>
	<link href="bsp-7.css" rel="stylesheet" type="text/css" />
  </head>
  <body>
	<div id="content">
  	<h1>Überschrift</h1>
	</div>
  </body>
</html>

Alles anzeigen

CSS

body {
  background-color: #666666;
  background-image: url(http://wallike.com/wp-content/uploads/2013/04/free-background-640x400.jpg);
  background-repeat: repeat-x;
  background-position: center;
  margin: 0;
  padding: 0;
  }




#content {
  background: url(http://wallike.com/wp-content/uploads/2013/07/Brick-Wall-Background-640x400.jpg);
  width: 80%;
  height: 500px;
  margin: auto;
  color: #fff;
  }




h1{
  margin: 0;
  padding: 20px;
  }

Alles anzeigen

Hoffe das hilft dir
Oder meinst du es so: http://wolf.wolfgang-m.de/beispiele/bsp-8.html

HTML

<!DOCTYPE html>
<html>
  <head>
	<title>Beispiel</title>
	<link href="bsp-8.css" rel="stylesheet" type="text/css" />
  </head>
  <body>
	<div id="links" class="backgrounds">
	</div>
	<div id="content">
  	<h1>Überschrift</h1>
	</div>
	<div id="rechts" class="backgrounds">
	</div>
	<div class="stopfloat">
	<div id="footer">
	</div>
  </body>
</html>

Alles anzeigen

CSS

body {
  background-color: #666666;




  margin: 0;
  padding: 0;
  }




.backgrounds {
  /* der Hintergrund soll NUR horizontal wiederholt werden*/
  background-repeat: repeat-x;
  /* der Hintergrund soll so breit sein wie das Element selber und die höhe von 500px haben [:width height;] */
  background-size: auto 500px;
  /* der Hintergrund wird vertikal und horizontal mittig ausgerichtet [:center center;]
  (das zweite center wird vom Browser automatisch hinzugefügt, wenn nicht anders angegeben.
  Möglichkeiten: vertikal- left/center/right horizontal- top/center/bottom)  [:vertikal horizontal;] */
  background-position: center center;
  /* dieses Element wird nach Links hintereinander gereiht. Diese Angabe wird neutralisiert durch
  die Angabe [clear: both;] (hier in .stopfloat )*/
  float: left;
  /* Breite des Elements */
  width: 10%;
  /*Höhe des Elements */
  height: 500px;
  }




#links{
  /* einbinden des Hintergrundbildes*/
  background-image: url(http://www.android-hilfe.de/attachments/root-hacking-modding-htc-magic/8446d1274809921-suche-hintergrundbild-hintergrundbilder-cyanogenmod-4-2-15-1-geloest-wallpaper_grass_night.jpg);
  }




#content {
  background: url(http://wallike.com/wp-content/uploads/2013/07/Brick-Wall-Background-640x400.jpg);
  width: 80%;
  height: 500px;
  margin: auto;
  color: #fff;
  float: left;
  }




h1{
  margin: 0;
  padding: 20px;
  }




#rechts{
  background-image: url(http://www.desktop-bilder.com/images/wallpapers/24-aurora-river.jpg);
  }




.stopfloat {
  clear: both;
  color:transparent;
  height: 0px;
  border-width: 0px;
  }




#footer{
  background-image: url(http://www.nxtdsktp.com/wp-content/uploads/2013/07/Background-Pics.jpg);
  background-repeat: repeat-y;
  background-size: 100% 50px;
  width: 100%;
  height: 50px;
  }

Alles anzeigen

wolf · 30. Oktober 2013

CSS

body
{
background:#000000;
background-image:url('gif_full.gif'); 
background-repeat:no-repeat; 
background-position:center center; 
background-attachment:fixed; 
}

Sollte Abhilfe schaffen fals du es bisher anders gelöst hast

wolf · 30. Oktober 2013

Hi,
Kann mir jemand mit dem Thema Local Storage weiterhelfen? Es gibt zwar sehr viele Theoretische Beschreibungen, allerdings habe ich es noch nicht geschaftt das Ganze in die Realität umzusetzen.
Wäre schön wenn ihr das ins Seminar aufnehmen könntet (mit Praxis Beispiel) oder es mir hier erklären
Grüße Wolf

wolf · 30. Oktober 2013

Hi schau doch mal wolfcms.wolfgang-m.de an, kleiner vorschlag für deinen Footer , an der Website entwickel ich grad rum aber das Design an sich gefällt mir doch recht gut

Ansonnsten finde ich das deine seite schon ziemlich aktuell aussieht, zum Text, gleiches wie Laura schon sagt bei mir ähnlich gelöst.

Beiträge von wolf

Local Storage - Wie kann ich es in der Praxis nutzen/umsetzen

Hintergrundbild wird nicht angezeigt

Dummie bittet um Hilfe .. einfache schwarze Seite mit Bild

Local Storage - Wie kann ich es in der Praxis nutzen/umsetzen

Neues Design - brauche bitte noch Designtipps