Beitrag zur Merkliste hinzufügen
Hier kann eine Notiz zum Merk-Eintrag hinzugefügt werden (optional)
| [ Anmelden zum schreiben ] |
| [Tutorial] Einfaches HTML Design | |||
|---|---|---|---|
| MaddinXx Mitglied 
Posts: 746  |
Hallo zusammen,
Ich habe heute eine kleine Tutorial Reihe zum Erstellen eines einfachen Designs erstellt, welches zeigt wie ihr ein Design via DIV/CSS anpasst und das ganze dann ilch tauglich macht. Naja meine Stimme bzw. einige Sprachfehler nicht beachten 
Würde mich über Feedbacks freuen und bei Fragen stehe ich zur Verfügung. Tutorials CSS/DIV Tutorials CSS/DIV (inkl. Slicen)
Gruss Maddin betroffene Homepage: screenr.com/user/impresdesign Zuletzt modifiziert von MaddinXx am 06.09.2011 - 21:49:20 Rackster Internet Services |
||
| TK814 Mitglied 
Posts: 60 |
Hey,
sehr gut, werde mir auf jeden Fall alle anschauen, aber könntest du in den css Eigenschaften für Ilch auch mal erklären welche Definition was macht? Wäre nett. Mit freundlichen Grüßen TK814 Wer Rechtschreibfehler findet, darf sie behalten |
||
| MaddinXx Mitglied
Posts: 746 |
Hey TK814
Ich werde dann wohl noch ein weiteres machen und auf die CSS Eigenschaften näher eingehen. Ich glaube sowieso, CSS ein wenig vernachlässigt zu haben 
Einfach die Tage die Liste ab und an anschauen und gucken ob es oben ist, wird denke ich morgen der Fal sein. Gruess Rackster Internet Services |
||
| On3-Sho7 Mitglied
Posts: 218 |
|
||
| TK814 Mitglied
Posts: 60 |
Danke schön.
@On3-Sho7 habe ich mir schon mal angeschaut, aber die haben das etwas unübersichtlich gemacht... Ja ein bisschen hast du es vernachlässigt  Wer Rechtschreibfehler findet, darf sie behalten |
||
| ekie Mitglied
Posts: 508  |
Ich könnte mich in dich verlieben
...wäre ich eine Sie
Echt nice was du gemacht hast, suche schon lange nach soetwas. Wolfgang Beinert: "Inhalte werden schnell vergessen. Doch der emotionelle Eindruck guten Designs bleibt stabil." |
||
| jankrug Moderator 
Posts: 3621  |
"ilsch", "natürlisch", "gleisch", "nischt"
Deine Videos machen einen guten Eindruck, ich denke du hast einigen Usern sehr geholfen. 
Liebe Grüße Jan Viele verlieren den Verstand nur deshalb nicht, weil sie keinen haben. (Balthasar Gracián) |
||
| Recognize21 Mitglied
Posts: 282  |
Ohne deine Stimme zu beachten würde es schwer werden
Auf jeden Fall Tolle, hilfreiche Videos! Visit my website: www.Motion-M.de/ Nun auch auf Facebook! |
||
| Lord|Schirmer Administrator 
Posts: 4603  |
Von mir auch einen Daumen, sehr gutes Tutorial, welches auf jedem Fall viele Fragen beantwortet! Guter Beitrag zur Community!
"In mir schlummert ein Genie, leider wacht es nicht auf!" my portfolio | my community | important link |
||
| MaddinXx Mitglied
Posts: 746 |
Zitat geschrieben von jankrug
"ilsch", "natürlisch", "gleisch", "nischt"
Da ist der Schweizer mit der Aussprache überfordert
Auf jeden Fall freut es mich, dass die Videos gut ankommen. Werde wohl noch einige Teile machen die mehr in CSS gehen und evtl. Template (Login, News etc.) Styling. Rackster Internet Services |
||
| OloX Moderator
Posts: 979  |
Gute Arbeit MaddinXx !
ps. müssen die Download Pop-ups sein ?
MfG OloX PHP, JavaScript, C/C++, CSS, HTML |
||
| Lord|Schirmer Administrator
Posts: 4603 |
Interessant währe ja evtl. eine Tutorialsektion in ilch.de.
"In mir schlummert ein Genie, leider wacht es nicht auf!" my portfolio | my community | important link |
||
| sCar Mitglied
Posts: 157 |
da muss ich Lord voll und ganz recht geben, wäre durchaus interessant und beliebt
|
||
| Chapter Moderator 
Posts: 5677  |
ich kann zwar nix versprechen, aber ich denk mal mit dem neuen design wird hier nohc einiges passieren, und evtl auch tutorials...
Spamming, sinnlose Beiträge, Pushing, Doppelposting und Werbung sind verboten |
||
| ekie Mitglied
Posts: 508 |
Hab mich jetzt an ein Design rangesetzt, aber ich versteh noch nicht ganz, wie man jetzt 2 DivContainer nebeneinadern positioniert bekommt. Wie geht das?
Bei mir sind die immer untereinander. 
Vielen Dank jetzt schon einmal Wolfgang Beinert: "Inhalte werden schnell vergessen. Doch der emotionelle Eindruck guten Designs bleibt stabil." |
||
| Lord|Schirmer Administrator
Posts: 4603 |
Wird doch im Tutorial beschrieben! Das Stichwort ist float:left!
"In mir schlummert ein Genie, leider wacht es nicht auf!" my portfolio | my community | important link |
||
| ekie Mitglied
Posts: 508 |
Ja, ich hab das benutzt nur hat das dann komischerweise auch nichts daran geändert.
Mhh mal weitergrübeln. Irgendwo wahrscheinlich ein Fehler in meiner css. Miese briese... Wolfgang Beinert: "Inhalte werden schnell vergessen. Doch der emotionelle Eindruck guten Designs bleibt stabil." |
||
| MaddinXx Mitglied
Posts: 746 |
Zitat geschrieben von ekie
Hab mich jetzt an ein Design rangesetzt, aber ich versteh noch nicht ganz, wie man jetzt 2 DivContainer nebeneinadern positioniert bekommt. Wie geht das? Bei mir sind die immer untereinander.
Vielen Dank jetzt schon einmal
Also generell setzt man 2 DIVs wie folgt nebeneinander: <div style="float: left; width: 200px;"></div> <div style="float: left; width: 780px;"></div> <br style="clear: both;" /> Das style="" natürlich via id="" oder class="" in die externe CSS auslagern. Gruss Rackster Internet Services |
||
| MaddinXx Mitglied
Posts: 746 |
Hallo liebe Leute
Ich wollte mal nachfragen, was weitere Tutorial Wünsche sind. Bin gerade dabei meinen Blog ein bisschen zu füllen & dachte ich schreib gleich mal ein paar Artikel, welche euch weiterhelfen. Wenn möglich sollten das generelle HTML/CSS/JS Sachen sein und nicht allzu fest auf ilch bezogen (geht schon auch). Könnt mir gerne auch per PM schicken. Liebe Grüsse MaddinXx Rackster Internet Services |
||
| MaddinXx Mitglied
Posts: 746 |
Sorry für 3-fachen Post in einer Linie, denke aber ein Edit ist in diesem Falle nicht sinnvoll.
Ich habe heute eine 2te Serie Tutorials erstellt, welche auch minimal das Slicen umfasst. Auf jeden Fall sind die Videos eine gute Ergänzung zu den ersten. Allzu fest wird auch hier nicht ins Detail gegangen, ich hoffe aber dennoch, dass sie hilfreich sind. Oftmals ist man ja bereits froh, etwas einfach einmal gesehen bzw. gehört zu haben. Also dann, viel Spass beim Gucken & nicht vergessen, Thumbs up
Grüsse MaddinXx Rackster Internet Services |
||
| KoernerWS Ilch 2.0 Entwickler
Posts: 732  |
CSS Verläufe nicht ausgereift? Das würde ich mal gar nicht behaupten - Geht sogar im IE6 mit dem Filter^^
Job gesucht? - checkdomain.de sucht PHP-Entwickler! www.ilch-pluto.net/ |
||
| jankrug Moderator
Posts: 3621 |
Hab mir das Thema nicht genau angeschaut, aber ich möchte dennnoch einfach mal meinen Senf dazugeben.
Simpler CSS-Farbverlauf ohne Bild: -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr=#ffffff, EndColorStr=#aaddff)"; /* Internet Explorer (alte Versionen) */ background:-moz-linear-gradient(top, #fff, #adf); /* Firefox */ background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#adf)); /* Safari, Chrome (alte Versionen) */ background:-webkit-linear-gradient(top, #fff, #adf); /* Safari, Chrome */ background:-o-linear-gradient(top, #fff, #adf); /* Opera */ background:-ms-linear-gradient(top, #fff, #adf); /* Internet Explorer */ background:linear-gradient(top, #fff, #adf); /* W3C Standard */ filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#ffffff, EndColorStr=#aaddff); /* Internet Explorer (alte Versionen) */ Hoffe das passt hier hin.
Liebe Grüße Jan Viele verlieren den Verstand nur deshalb nicht, weil sie keinen haben. (Balthasar Gracián) |
||
| Lord|Schirmer Administrator
Posts: 4603 |
Danke für den Tip
"In mir schlummert ein Genie, leider wacht es nicht auf!" my portfolio | my community | important link |
||
| Boy83Ol Mitglied
Posts: 273  |
Super Tut nur währe es mal gut eins zu sehen anhand eines komplexeren design's, habe nach deinem tut mich auch mal rangewagt nur musste ich feststellen das ich mich mit einer navbar mit rollover wieder ins alte raster reinfallen lasse und tabellen nehme^^ wo bei ich doch mal alles ohne tabellen haben wollte xD^^
oder mal erleuern wie code ich die loginbox oder feste boxen ;-) Zuletzt modifiziert von Boy83Ol am 06.02.2012 - 22:14:08 Gestern noch zu blöd, den Computer einzuschalten, heute schon die eigene Homepage |
||
| designprinzess Mitglied
Posts: 3 |
Huhu,
habe hier auch mal ein vielleicht doch etwas übersichtlicheres Tutorial für Einsteiger www.techfacts.de/tutorial/eigene-website-erstellen-teil-5 beizutragen, mit Vorlagen und allem drum und dran. Freue mich immer zu sehen, wenn Leute ihr Interesse an Webdesign entdecken, da ich selbst Design studiere. Viel Spaß damit. |
||
| [ Anmelden zum schreiben ] |