Beiträge von yeti66
-
-
minder,
yup, geht nur mit oben gesagtem: Nicht beide neben einander sondern ineinander verschachteln und funktioniert nur solange der innere container die Höhe "vorgibt".
-
Zitat von pinales
Tach!
Der Inhalt ist, finde ich, ziemlich zweckfrei!? ...Google-Werbung kannst Du doch auch ohne "Jackenerklärungstexte" veröffentlichen!? Unter uns: ich würde keine Seite suchen, die mir erklärt, das die Jacke, die ich trage, eine Jacke ist?! Von der Gestaltung her ist die Seite nett gemacht!
Ja der Inhalt ist nicht zweckfrei sondern nur Mittel zum Zweck und dieser ist Geld schöpfen(nicht zu verdienen wohlgemerkt ). Das ist eine miese Masche Kunden in die Irre zu führen mit einem vermeintlichen Shop. Meine Empfehlung Seite meiden. 6 setzen.
Meine Bewertung trotz guter optischer Umsetzung -
sveny25,
also der Holzhintergrund finde ich macht die Seriosität kaputt die die Seite ansonsten ausstrahlt. Der Hintergrund oberhalb des braunen Balkens dagegen wäre in Ordnung und stimmiger.
Ansonsten macht die Page einen sehr guten Eindruck.
Etwas nachzubessern wäre allerdings :
1.zum Thema Entities
2.valider Code
3. für die Navi besser List - Elemente verwenden -
minder,
wenn generell ein container größer ist als der andere - setze sie ineinander. Den größeren in den kleinen container. Oder beide auf 100% Fensterhöhe? Aber das meinst Du nicht, oder?
-
Ob mit Zauberstab, rechteckiger Maske oder elliptischer Maske ist egal. Diese Funktionen dienen ja nur der Auswahl. In dem Moment, wenn Du eine Ausgewählte Fläche mit Bearbeiten - Ausschneiden oder Ctrl+X ausschneidest "wandert" der ausgeschnittene Teil in die Zwischenablage. Anschließen erzeugst Du eine neue Ebene , die dann automatisch aktiv ist und mit Bearbeiten - Einfügen fügst Du den Ausschnitt in die neue Ebene ein.
-
Ericfischer,
yup, css auslagern und den HTML-Teil in Deine Seite einfügen.
Ob diese oder jene Navi ist nicht leicht zu sagen, da der Rest deiner Seite noch sehr unstrukturiert ist und sich der Inhalt auf 100% Breite verliert. Die Navi sollte natürlich stimmig zur Seite passen. Außer dem header sehe ich dann nur sw auf ws.ZitatDen Code kann ich nur aus dem Quelltext entnehmen, oder?
yup, und immer Copyright durchlesen! -
Ericfischer,
yup, da ist Handarbeit gefragt.
Code
Alles anzeigen/* ================================================================ This copyright notice must be untouched at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/final_drop.html Copyright (c) 2005-2007 Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements. =================================================================== */ .menu {width:745px; height:32px; font-size:0.85em; position:relative; z-index:100;border-right:1px solid #000;} /* hack to correct IE5.5 faulty box model */ * html .menu {width:746px; w\idth:745px;} /* remove all the bullets, borders and padding from the default list styling */ .menu ul {padding:0;margin:0;list-style-type:none;} .menu ul ul {width:149px;} /* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */ .menu li {float:left;width:149px;position:relative;} /* style the links for the top level */ .menu a, .menu a:visited {display:block;font-size:11px;text-decoration:none; color:#fff; width:138px; height:30px; border:1px solid #000; border-width:1px 0 1px 1px; background:#758279; padding-left:10px; line-height:29px;} /* a hack so that IE5.5 faulty box model is corrected */ * html .menu a, * html .menu a:visited {width:149px; w\idth:138px;} /* style the second level background */ .menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;} /* style the second level hover */ .menu ul ul a.drop:hover{background:#c9ba65 url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;} .menu ul ul :hover > a.drop {background:#c9ba65 url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;} /* style the third level background */ .menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;} /* style the third level hover */ .menu ul ul ul a:hover {background:#b2ab9b;} /* hide the sub levels and give them a positon absolute so that they take up no room */ .menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:149px;border-top:1px solid #000;} /* another hack for IE5.5 */ * html .menu ul ul {top:30px;t\op:31px;} /* position the third level flyout menu */ .menu ul ul ul{left:149px; top:-1px; width:149px;} /* position the third level flyout menu for a left flyout */ .menu ul ul ul.left {left:-149px;} /* style the table so that it takes no ppart in the layout - required for IE to work */ .menu table {position:absolute; top:0; left:0; border-collapse:collapse;;} /* style the second level links */ .menu ul ul a, .menu ul ul a:visited {background:#d4d8bd; color:#000; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;} /* yet another hack for IE5.5 */ * html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;} /* style the top level hover */ .menu a:hover, .menu ul ul a:hover{color:#fff; background:#949e7c;} .menu :hover > a, .menu ul ul :hover > a {color:#fff;background:#949e7c;} /* make the second level visible when hover on first level list OR link */ .menu ul li:hover ul, .menu ul a:hover ul{visibility:visible; } /* keep the third level hidden when you hover on first level list OR link */ .menu ul :hover ul ul{visibility:hidden;} /* make the third level visible when you hover over second level list OR link */ .menu ul :hover ul :hover ul{ visibility:visible;}
Code
Alles anzeigen<div class="menu"> <ul> [*][url='../menu/index.html']DEMOS[/url] <ul> [*][url='#']#[/url] [*][url='#']#[/url] [*][url='#']#[/url] [*][url='#']#[/url] [*][url='#']#[/url] <ul> [*][url='#']#[/url] [*][url='#']#[/url] [*][url='#']#[/url] [/list] [*][url='#']shadow boxing[/url] <ul> [*][url='#']#[/url] [*][url='#']#[/url] [*][url='#']#[/url] [/list] [*][url='#']#[/url] <ul> [*][url='#']#[/url] [*][url='#']#[/url] [*][url='#']#[/url] [/list] [*][url='#']#[/url] [*][url='#']#[/url] [*][url='#']#[/url] [/list] [*][url='#']#[/url] <ul> [*][url='#']#[/url] [*][url='#']#[/url] [*][url='#']#[/url] [*][url='#']#[/url] [*][url='#']#[/url] [*][url='#']#[/url] [*][url='#']#[/url] [/list] [*][url='#']MOZILLA[/url] <ul> [*][url='#']#[/url] [*][url='#']#[/url] [*][url='#']#[/url] [*][url='#']#[/url] [*][url='#']#[/url] [*][url='#']#[/url] [*]<a href="#" title="#</a> [*][url='#']#[/url] [*][url='#']#[/url] [/list] [*][url='#']#[/url] [*][url='#']OPACITY[/url] <ul> [*][url='#']a colour wheel using opaque colours[/url] [*][url='#']a menu using opacity[/url] [*][url='#']#[/url] [*][url='#']#[/url] [*][url='#']#[/url] <ul class="left"> [*][url='#']#[/url] [*][url='#']#[/url] [*][url='#']hover/click[/url] [/list] [/list] [/list] </div>
Den HTML-Code habe ich wegen der Übersichtlichkeit etwas eingekürzt und Links,title und die Buttonbeschriftung durch Raute # ersetzt. Ich hoffe ich habe alles erwischt. Die Frage steht natürlich ob das Navi-Monster den Aufwand an Quellcode lohnt. Mit etwas Anpassung kommst Du mit dem Code: http://de.selfhtml.org/css/layouts/na…sten.htm#modern auf das selbe Ergebnis. Opacity wäre natürlich extra umzusetzen. -
Gast,
Wenn Du aus einem Bild einen Ausschnitt herausgeschnitten hast erzeugst du eine neue Ebene (Neue Ebene hinzufügen oder Ctrl+Shift+N). In die neue Ebene (benamt mit Ebene2 z.B.) kopierst Du aus der Zwischenablage Deinen Ausschnitt. Jetzt wird die "Ebene2" und nur die Ebene mit -Ebenen - Layereigenschaften (F4)- Regler "Deckfähigkeit" runtergeregelt , wie man es wünscht. Vorraussetzung ist, das die gewünschte zu bearbeitende Ebene im Ebenenfenster (evtl. mit F7 aktivieren) aktiviert und somit grau unterlegt ist. Im Fenster Layereigenschaften muß, wenn die richtige Ebene aktiv ist auch der richtige Layername erscheinen. Deshalb ist es sinnvoll den Ebenen schlüssige Namen zu geben. So kannst Du Ebene für Ebene getrennt vonenander bearbeiten, ob es nun die Transparenz oder andere Eigenschaften sind, die bearbeitet werden müssen. Sinnvoll ist es auch, und daran sollte man sich schnell gewöhnen, für jedes Objekt eine extra Ebene anzulegen (Hintergrund,Schrift,Grafik1,2,3...). Später wirst Du froh darüber sein es gemacht zu haben, denn das macht die Flexibilität des Programms aus. Weshalb man sich ja auch sehr an Photoshop angelehnt hat.
firefox5.0,
mit dem Ausschnitt hat das eigentlich nichts zu tun. Es wird immer die Ebene bearbeitet. Dem Programm ist es egal ob es nur ein Ausschnitt oder ein vollflächiges Bild ist, Ebene ist Ebene. Man kann ja durch das Ausschneiden eines Bildausschnitts, den man in einer neue Ebene - gleiches Projekt an gleicher Stelle deckungsgleich ablegt ein Bild schaffen, das nachher so aussieht, als wenn im Ausschnitt des Bildes ein zweites durchscheint. Einfach mit Ebenen arbeiten dann klappt das schon und die Möglichkeiten erweitern sich um ein vielfaches. -
Gast,
Ebenen - Layereigenschaften (F4)- Regler "Deckfähigkeit" runterregeln
-
haillo,
wenn Du schon mit Containern und Css gearbeitet hast, wirst Du wissen, das man diese als Layer übereinander anordnen kann. Das erreicht man entweder über die Reihenfolge der Layer im HTML-Dokument und der Positionierung der Layer oder mit der Verwendung des Attributes z-index.
siehe: http://www.aboutwebdesign.de/awd/content/976715560.shtml
oder besser: http://de.selfhtml.org/css/eigenschaften/positionierung.htm -
Razorblade13,
so etwas : http://www.cssplay.co.uk/menus/slide_fly.html
oder so: http://www.cssplay.co.uk/menus/vertical_slide.html
oder mit Piktogrammen : http://www.cssplay.co.uk/menus/example_flyout.html -
Zitat von Dodo
yup, mit dem "Table-Code" werden Darstellungsfehler der Browser gefixt.
Quelle: http://www.cssplay.co.uk/menus/final_drop.html
..und hier ein Fingerzeig zu den Nutzungsrechten:Code/* ================================================================ This copyright notice must be untouched at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/final_drop.html Copyright (c) 2005-2007 Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements. =================================================================== */
-
Sport-Tipps,
anderweitig suchen oder selber piktogramme erzeugen.
Hier ein schönes Beispiel einer Lösung: http://www.vectorcity.at/photo/148/443/…sterschaft.html .Freistellen und vektorisieren von Bildern und anschließendes colorieren. Siehe auch http://www.vectorcity.at/photo/484/1306/Fussball.html .
Durch das verfremden der verwendeten Bilder hat das Endprodukt nichts mehr mit dem verwendeten Original-Foto zu tun, zumindest nicht in punkto Fotorecht!! -
juniamaus,
yup, da kann ich mich driver nur anschließen. Die exorbitanten Ladezeiten haben mich etwas stutzig gemacht und beim Blick in den Code noch mehr verwundert. Big Background und eine Navi-Lösung über <area> ist meines Erachtens nicht mehr zeitgemäß. Optisch finde ich es sehr stimmig und gefällt mir gut. Wenn Du es noch nachbesserst, zentrierst und den CSS-Code auslagerst wird es top.
PS: Für die Fotos "THATS ME" in der BIG Version würde ich z.B. http://www.huddletogether.com/projects/lightbox2/ empfehlen. -
Sport-Tipps,
yup, macht auf alle Fälle einen sauberen soliden und sachlichen Eindruck. Die Google-Anzeigen würde ich aber eher im 3Spaltenlayout nach rechts verbannen und den wichtigen Inhalt immer ins Zentrum verschieben. Ich würde hier ein 2Spaltenlayout bevorzugen und die Google-Anzeigen asynchron rechts neben das Layout evtl. fix setzen, damit es immer auf dem Schirm bleibt. Als header wäre mir der Rasen zu neutral. Hier würde ich eine Collage oder stilisierte Grafiken der vertretenen Sportarten einsetzen. Bsp.: http://www.piktogramm.com/de_index.html diese kann man auch problemlos selber erstellen. Oder einfach downloaden : http://www.dafont.com/theme.php?cat=713 -
Kunji,
da sehe ich so keine Option. Einzige Lösung vielleicht: einen Japanischen Zeichensatz installieren und zwischen den Zeichsätzen umschalten. Vielleicht hilft Dir das hier weiter http://www.junko.de/nihongocomp.0.html .
-
Zitat von jasmin0888
ich hab da son süßes problem:
ich hatte ein bildschirmfoto, da hab ich mir n teil rausgeschnitten. dann hab ich auf "neu" geklickt, da geht dann ja ne neue ebene auf (die sind so als hintergrund und bild miteinander verbunden denk ich)
Das ausgeschnittene Teilstück liegt jetzt im Zwischenspeicher und nachdem Du ein "NEU"-es Projekt geöffnet hast kannst Du Dein Ausschnitt über "Bearbeiten-Einfügen" in das neue Projekt einfügen. Soweit sogut. "Verbunden" sind die beiden Projekte nicht!
Wenn Du jetzt ein zweites Bild öffnest und einen Teil ausschneidest kannst Du, wenn Du das Bild (Projekt) in das Du es hineinkopieren möchtest aktivierst (rechts oben Projektauswahl) und über "Bearbeiten-Einfügen" (das eingefügte Bild befindet sich links oben Koordinaten 0,0 mit einer umlaufenden Strichlinie)einfügst und an den Patz verschiebst, wo Du es haben möchtest. FERTIG!P.S. Zu raten wäre es das original als Hintergrund unverändert zu lassen und vor dem Hineinkopieren eine neue Ebene im Projekt zu öffnen!!.
-
mamboobamboo,
ja schön, aber nur kauderwelsch, Dateileichen,nicht geschlossene Container, Tabellenreste,Listenreste,HTML-Tag <body>taucht gleich mehrfach auf,<center> und <h3>-Tag im Kopfbereich, wo es nichts zu suchen hat...usw. Da weis man gar nicht, wo man anfangen soll. Da auch nicht ersichtlich ist, was am Ende für ein Layout herhaus kommen soll, ist nicht klar in welche Richtung man den Code bereinigen soll. Sorry, bessere erstmal nach oder mach einen neuen Ansatz ( http://de.selfhtml.org/html/allgemein/grundgeruest.htm ). -
mamboobamboo,
Das mit dem "frei verschieben" ist mir nicht klar, da das nur mit HTML und CSS nicht funktioniert. Auf alle Fälle ist <body bgcolor="Silver"> an der Stelle fehl am Platz. Ansonsten sieht der Code eher wüst aus /div/Tabelle leere <ul>[/list] Angaben....).
Um eine richtige Aussage treffen zu können müsste man den ganzen Code sehen.