Suche im Forum:
Suchen


Autor Nachricht
Beitrag16.03.2015 um 15:17 (UTC)    
Titel: Patty Clark-Photography / Designvorstellung! HILFE!

Hallo liebe Freunde!

Ich hoffe mir kann jemand helfen und wenn das ein Thema ist was bereits existiert, dann tut es mir leid und bitte freundlich darum das es verschoben wird usw.

Nun zu meinen Anliegen:

Ich bin bereits lange Mitglied hier im Baukasten und komme einfach zu keinem Design was mir gefällt. Zur zeit arbeite ich mit dem Clean-Design.

Ich möchte ein Design

* Ohne BANNER
* Ohne Content
* OHNE BOXEN

Hier ein Beispiel, wie ich meine Page vorstelle!
http://img.webme.com/pic/c/clark-photography/IMG_3109.JPG

Ich freue mich über jede Antwort und Hilfe!

Patty Clark
Beitrag17.03.2015 um 07:19 (UTC)    
Titel:

Hallo,

jo das ist auch mit dem Design Clean machbar Very Happy
zuerst schauen wir uns die Klassennamen für Design Clean an:
http://www.homepage-baukasten.de/forum/viewtopic.php?t=144382

Headerfeld möchtest Du entfernen :
  • Headerfeld = #masthead
  • Eigenschaft für "entfernen" = display:none;

Seiteninhalt transparent
  • Seiteninhalt = #content
  • Eigenschaft für Hintergrund transparent = background: transparent;

Rechte Box entfernen
  • Rechte Box = #sidebar
  • Eigenschaft für "entfernen" = display: none;

Das Menü oben mit Rahmen und Hintergrundfarbe
  • Menü ist = #access
  • Rahmen = border: 1px solid #666;
  • Hintergrundfarbe = background: #000;
  • gleiche Höhe wie Menü-Buttons = height:47px;


DER FERTIGE CODE FÜR DICH :
-----------------------------------------------
Zitat:

#content { background: transparent !important; }
#masthead, #sidebar { display: none; }
#access { height: 47px; border: 1px solid #666; background: #000;}



Das Design hat die Breite von 1000 Pixel.
Darum ist eine durchgezogene Linie (über und unter Menü) nicht möglich,
sie enden natürlich da, wo das Design endet, bzw auch beginnt.

Um das zu ermöglichen müssen wir dem #stage , dem #container
und #content eine Breite in Prozente-Angabe (width: 100%; ) geben,
sowie das Menü #access und den Inhalt #content ausrichten (Außen + Innenabstand)

Design Clean 100% Breite :
Zitat:

#stage, #container, #content { width: 100%!important; min-width: 100%!important;}
#content { margin: 0px 20% 0px 20%;}
#access { padding-left: 20%; }



Grafik anklicken zum Vergrößern :



Gruß Wolle
______________


Zuletzt bearbeitet von clean-test am 17.03.2015, 09:26, insgesamt 4-mal bearbeitet
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de