Gegen Bilderklau - Das Original | Druckvorschau: Endless-Stil coden (oyla) :D

Geschrieben von T-Touch am 06.12.2009 um 23:37:

Endless-Stil coden (oyla) :D

Sooodala, damit ich nicht jz wieder einen extra Thread aufmachen muss editiere ich das hier gleich mal großes Grinsen

& Zwar war .keks so lieb und hat mir ein wunderschönes Design gezaubert, und da das Design ja für meine Homepage gedacht ist, bräuchte ich nun auch jemanden der es mir coden und einbauen könnte und zwar im Endless Stil (so wie mein jziges Design: www.natalie-toffee.de.vu).

Würde mich natürlich wieder über jeden Versuch sehr freuen großes Grinsen

Also seid nicht zögerlich hiiihi. Das Design seht ihr wenn ihr weiter runterscrollt von .keks

Betreiber: oyla
Homepage (privat): www.natalie-toffee.de.vu
Mailadresse: natalie.fuchs@hotmail.com
Stil: Endless- Stil

Geschrieben von .keks am 07.12.2009 um 18:49:

Hi ich sitze gerade dran allerdings möchte ich die schiftarten nicht verwenden.
Die muss man kaufen und 40 $ ist mir ein wenig viel Augenzwinkern

Gehen auch andere schriftarten? Wenn ja, hast du da ne vorstellunge? Sonst würde ich einfach was probieren

lg

Geschrieben von T-Touch am 07.12.2009 um 19:03:

Oooooh sry das hab ich nicht gewusst, dachte das es alle gibt die es eben auch bei Word gibt smile

Na es passt natürlich auch jede andere auch, versuch einfach was großes Grinsen

Freut mich übrigens seeeeeeeehr, dass du dir die Zeit nimmst.
Danke schonmal im voraus Augenzwinkern

Geschrieben von .keks am 07.12.2009 um 19:24:

So bin fertig... Ich weiß nicht Augenzwinkern

Villeicht gefällts dir ja Augenzwinkern

Änderungen sind soweit möglich großes Grinsen

lg

Geschrieben von T-Touch am 07.12.2009 um 23:00:

WoooooooooooooooooooooooooooooooooooooooooooW geschockt

Das ist ja fantaaaastisch geworden, waaahnsinn gefällt mir extrem gut :
Die Farben, die Anreihung der Fotos.. die Schriftarten.. PERFEKT <3

und ich würde es auch gern verwenden, sofern dir das recht ist ?!

Vielen Viiielen Dank. DANKESCHÖN

lg Natalie

(so rein zufällig... kannst du im Endless Stil (für oyla) coden?) großes Grinsen

Geschrieben von .keks am 07.12.2009 um 23:19:

Oh das freut mich, dass es dir so gut gefällt großes Grinsen

Nutzen kannst du es natürlich Augenzwinkern

Dafür isses ja großes Grinsen

Nää... leider kann ich das net.... aber es gibt hier doch glaub ich so eine liste mit menschen die das können oder?

lg

Geschrieben von T-Touch am 07.12.2009 um 23:28:

Juup stimmt, aber der letzte Eintrag in der Liste ist von 2oo6... also nicht mehr so brand-aktuell großes Grinsen

Also Danke nochmals Augenzwinkern

Geschrieben von T-Touch am 09.12.2009 um 20:14:

nur noch so zögerlich fröhlich

Geschrieben von T-Touch am 13.12.2009 um 12:48:

Aaaach Leutchen.. da herrschen ja Motivationsschwierigkeiten Zunge raus

Sooodala.... das hier wäre der Code von meinem jzigen design... sollte ja auch wieder so ähnlich sein (vom aufbau... also eben im endless-stil) großes Grinsen

Also ihr würdet mir wirklich schon mit einem Versuch viiiiiiiiiiel Hoffnung machen fröhlich

<html>
<head>
<title>%titel%</title>
<style type="text/css">

</style>
</head>

<body bgcolor="#fcb24b" topmargin="0" leftmargin="0" style="background-image: url(http://www.oyla13.de/userdaten/141/06702/bilder/beyond-words_background.png); background-repeat: repeat-x; background-color: #fcb24b; text-align:center;">

<center> <div class="container" style="width: 2000px; margin: 1em auto; text-align: left;">


<img border="0" src="http://www.oyla13.de/userdaten/141/06702/bilder/Beyond-Words_head.png"
scroll="no" bgproperties="fixed" align ="center" style ="position: absolute; top: 0; left: 0" width="1065" height="273">



<div style="position: absolute; width: 808px; top: 280px; left: 210px; border: 2px solid #845b20; float: right;">
<span style="font-family:Verdana; font-size:12px; color:#000000">%content%</span>
</div>



<div style="overflow: auto; position: absolute; width: 176px; left: 22px; float: left; top: 280px; border: 2px solid #845b20">
<span style="font-family:Verdana; font-size:12px; color:#000000"> <img src="http://www.oyla13.de/userdaten/141/06702/bilder/beyond-words_aktuelles
.png" border="0"><p>
Nikolaus II <p> <b>unter News </b> </span><p>
<img src="http://www.oyla13.de/userdaten/141/06702/bilder/beyond-words_trenner.p
ng" border="0">




<span style="font-family:Verdana; font-size:14px; color:#000000">%navigation%</span></div>


</div></center>

</body>
</html>

Geschrieben von T-Touch am 15.12.2009 um 20:57:

Leute ihr werdets mich nicht los, bis ich ein gecodetes design hab Augenzwinkern

Also ran ans Zeug

Geschrieben von Daina am 15.12.2009 um 21:23:

hey,sorry dass ich dirs nich coden kann aber hoffe dieser tut gilft dir weiter

ein ganz normales Layout…
Zuerst erstellst du dir ein ganz normales Layout, am besten ein Div-Layout, aber ein Table tut’s zur Not auch:
code eine komplette HTML-Seite, nur die Verlinkungen und einzelnen Inhaltstexte benötigst du noch nicht, in den Contentbereich schreibst du halt einfach den Text für die Startseite.

die einzelnen Dateien erstellen
Nun schaust du dir den Code an und schneidest alles aus, was vor dem Inhaltstext des Contentbereichs steht – angefangen vom <html> bis hin zum <div id=“content“> oder wie auch immer das bei dir aussieht. Diesen ausgeschnittenen Code fügst du in eine neue, leere Datei ein und speicherst sie als header.php ab.

Ebenso verfährst du mit dem Code, der nach dem Contenttext steht – also vom </div> bis hin zum </html>. Diesen Part speicherst du als footer.php ab.

Den übriggebliebenen Inhaltstext speicherst du nun als index.php.

wie funktioniert das überhaupt?
Die Idee hinter dem Ganzen ist, dass der Code in der header.php und der footer.php ja auf allen Unterseiten immer gleich ist.
Von daher brauchst du ihn nicht jedesmal zu wiederholen, sondern du bindest sie einfach ein. Es ändert sich also immer nur der jeweilige Text der einzelnen Unterseiten.
Dadurch sparst du nicht nur enorm viel Code und musst im Falle eines Redesigns nur die beiden Dateien header.php und footer.php ändern, sondern es ermöglicht eben auch ein jeweils an die Länge des Contents angepasstes Layout.

das Includen
Öffne eine neue Datei – dies wird die index.php. In diese musst du nun die Header- und Footerdatei einbinden.
Dies funktioniert via PHP – notiere am Anfang der Datei:

<?php
include ("header.php");
?>

(damit bindest du die header.php ein)
und am Ende:

<?php
include ("footer.php");
?>

Geschrieben von Jasmina am 16.12.2009 um 00:50:

Wollte nur einmal anmerken, dass Oyla meines Wissens nach kein PHP unterstützt, und die Seiten per Editor erstellt werden und nicht anderweitig hochgeladen werden können...
Nur so als Hinweis. smile

Geschrieben von Muckelmaus am 16.12.2009 um 12:22:

Versuchs doch mal hier:
http://www.sarahs-code-page.de.vu/

Geschrieben von T-Touch am 17.12.2009 um 08:55:

Daaanke leute, dass ihr euch so mühe gebt Augenzwinkern

@Muckelmaus: Danke für den Link, aber die macht es eben so, wie ich es nicht mag.. also dass da beim Main ein zweiter Scrollbalken entsteht... Augen rollen

aber DANKE Augenzwinkern

@ Chiara-Maria: uuuii du überforderst mich jz mit dem Begriff PHP... du musst verstehen, bei mir handelt es sich von einem PC-Deppen der besonderen Art Zunge raus

@Daina: waaaahsinn.... schaut nach einer super Beschreibung aus. Aber ich bin damit maßlos überfordert hiihi.

HAT VL. NOCH JMD EINEN HINWEIs; WER SOLCHE ENDLESS-DESIGNS (also damit mein ich eig. nur, dass kein extra scrollbalken beim Main ensteht, und das Main eben nach unten nicht begrenzt ist) CODEN KANN? FÜR JEDEN HINWEIS DANKBAR

Geschrieben von Sidney am 17.12.2009 um 09:08:

Hey T-Touch, ich empfehle dir mal, dich nach sogenannten Div-Layouts umzuschauen. Wenn du dir mal deinen Code genauer anschaust, dann siehst du, dass du folgendes Teil hast:

<div style="position: absolute; width: 808px; top: 280px; left: 210px; border: 2px solid #845b20; float: right;">
<span style="font-family:Verdana; font-size:12px; color:#000000">%content%</span>
</div>


Hier im Forum findest du einige Beschreibungen, wie man auch ganz einfach via Paint die Maße abmessen kann, wo die Frames (in diesem deinen Falle einen Div-Container) hinkommen. Du brauchst für alle deine Div-Container (Also auch Menü und Newsbox) die Maße. Sprich: wie weit der Container vom oberen Rand (top), vom linken Rand (left) entfernt und wie breit (width) dein Container sein soll. Probiers einfach mal aus. Beim ersten Mal schaut das immer wahsinnig kompliziert aus, aber wenn man sich mal eingearbeitet hat, ist es ein Leichtes. In der Homepagecke gibts auch einige gute Tutorials zum Coden von Divs. Die sind zwar eigentlich für selbstgeschriebene Seiten, aber ich denke, für Oyla kannst du das auch benutzen. Du musst nur darauf achten, dass du deine <span>-Tags in die <div>-Container reinstellst. Denn wenn ich das richtig verstanden habe, bindet Oyla via %content% den Inhalt deiner Unterseiten ein.

Und wenn du dann imemr noch Hilfe brauchst, dann würd ich in der Homepagearea nochmal einen Thread erstellen. Ich denke, im Suche Grafiken-Bereich geht das unter Augenzwinkern

Geschrieben von xIllusoryx am 17.12.2009 um 15:54:

Ich könnte es dir coden wenn du willst?
Also die Hp ist bei Oyla oder?

Und das Menü soll keinen Scrollbalken enthalten.
Sonst noch was?

Geschrieben von T-Touch am 17.12.2009 um 21:03:

ooooooooooh was wirklich jz?

aaaaaach herje.. ich seh dich jz mal als WEIHNACHTSWUNDER an Freude

Ja genau, also kein zweiter Scrollbalken beim Main ja das wärs dann eigentlich smile

Also ich wär dir für einen Versuch schon mal wirklich sehr dankbar Augenzwinkern

Geschrieben von T-Touch am 20.12.2009 um 10:23:

...

Geschrieben von Schatti am 20.12.2009 um 10:41:

Brauchst du es noch?

Geschrieben von T-Touch am 20.12.2009 um 10:50:

jaaaaaaaaaa smile

is halt iwie schwer jmd zu finden, der es kann ohne das ein zweiter scrollbalken (beim main) erscheint.. und nach unten hin solls auch nicht geschlossen sein...
Aber ich geb mal die Hoffnung nicht auf Augenzwinkern