Bitte um Schützenhilfe bei eigenem Design

Seite 1 von 2
1
2
»

aquaboxio

Beiträge: 16

Ruf: 0

Beitrag # 1 | 22:22 08.04.2011

Hi,

bastel momentan an einer eigenen Clanpage www.wdl-syrtis-nifl.clan.su
Weiss auch bereits sehr genau wie das Endresultat ausschauen soll und bin am basteln.
Das von mir ausgewählte Design als Grundlage zum umgestalten ist:
Design 601
Leider schaffe ich es einfach nicht den späteren Sitebanner so wie auf dem angehängten Bild skizziert zu platzieren ohne dabei den restlichen Seitenaufbau immer wieder zu zerstören. sad
(Das Sitebanner ist noch nicht fertig - nur erstmal als Beispiel).

Dies ist der momentane Code aus "oberer Teil der Webseite":

Code

<table border="0" cellpadding="0" cellspacing="0" height="204" width="100%">
<tr><td align="center" width="357"><img src="http://wdl-syrtis.clan.su/theme/10_11_new-2-.jpg" border="0"></td>

<table border="0" cellpadding="0" cellspacing="0" height="204" width="100%">
<tr><td align="left" width="357"><img src="http://kingdomofthree.clan.su/Theme/1_new.png" border="0"></td><td style="background:url('/.s/t/601/2.jpg');" align="right"><a href="$HOME_PAGE_LINK$" title="Hauptseite"><img src="/.s/t/601/3.gif" border="0" alt="Hauptseite"></a><img src="/.s/t/601/4.gif" width="10" height="1" border="0"><?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?><a href="$PERSONAL_PAGE_LINK$" title="Mein Profil"><img src="/.s/t/601/5.gif" border="0" alt="Mein Profil"></a><?else?><a href="$REGISTER_LINK$" title="Registrieren"><img src="/.s/t/601/6.gif" border="0" alt="Registrieren"></a><?endif?><?endif?><img src="/.s/t/601/4.gif" width="10" height="1" border="0"><?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?><a href="$LOGOUT_LINK$" title="Logout"><img src="/.s/t/601/7.gif" border="0" alt="Logout"></a><?else?><a href="$LOGIN_LINK$" title="Login"><img src="/.s/t/601/8.gif" border="0" alt="Login"></a><?endif?><?endif?></td><td align="left" width="243"><img src="/.s/t/601/9.jpg" border="0"></td></tr>
<tr><td align="center" width="357"><img src="http://kingdomofthree.clan.su/Theme/10_new.png" border="0"></td><td style="background:url(http://kingdomofthree.clan.su/Theme/11_new.png');"><span style="color:#F8F3C9;font:20pt bold Verdana,Tahoma;"><b></b></span></td>
<td width="193" style="background:url('/.s/t/601/12.jpg');padding-right:50px;padding-bottom:5px;" align="right" valign="bottom"><?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?>Sie sind angemeldet als <a href="$PERSONAL_PAGE_LINK$"><b>$USERNAME$</b></a> | Gruppe "<u>$USER_GROUP$</u>"<?else?>Willkommen <b>$USERNAME$</b><?endif?><?endif?> <?if($RSS_LINK$)?>| <a href="$RSS_LINK$">RSS</a><?endif?></td></tr>
</table>

Bin euch für jegliche Hilfe an der Stelle endlich über den Knick zu kommen wirklich dankbar

aquaboxio smile

Anhänge: 3151817.png (156.7 Kb)

Beitrag wurde von aquaboxio - Freitag, 08.04.2011, 22:25 bearbeitet

NuMetal

Beiträge: 912

Ruf: 33

Beitrag # 2 | 23:02 08.04.2011

Versuch mal im td das Bild nicht zu verlinken sondern auch durch background:url reinzusetzen.
Gebe dabei genaue Werte ein wie z.B float left u.s.w wink

PS die Ordner müssen nicht unbedingt Theme heissen.Und man muss beim Verlinken nicht unbedingt die ganze URL eingeben biggrin

Würde mich für Hilfe über ein + im Ruf oder eine Auszeichnung freuen :)

aquaboxio

Beiträge: 16

Ruf: 0

Beitrag # 3 | 02:07 09.04.2011

Danke erstmal für die Antwort smile

Hab mal ein wenig damit rumgespielt als Hintergrund. (das mit dem Theme-Ordner ändere ich eventuell später nochmal).
Nun wird die Seite jedoch mit dem Bild geflutet. Denke das wird das mit dem "float" sein, was du im Vorfeld meintest.
Leider reichen meine Kenntnisse in diesem Bereich einfach nicht weit genug um dies "Fluten" los zu werden.
Die Richtung an sich scheint jedoch zu stimmen.
Derzeitiges Zwischeresultat auf www.wdl-syrtis-nifl.clan.su :

Code

<table border="0" cellpadding="0" cellspacing="0" height="204" width="100%">
        <tr><td align="center" width="757" height="204" style="background:url(' http://wdl-syrtis.clan.su/theme/10_11_new-2-.jpg');padding-right:50px;padding-bottom:5px;"  align="center"  valign="bottom">
        <table border="0" cellpadding="0" cellspacing="0" height="204" width="100%">
            <tr><td  align="left" width="357"><img  src="http://kingdomofthree.clan.su/Theme/1_new.png"  border="0"></td><td  style="background:url('/.s/t/601/2.jpg');" align="right"><a  href="$HOME_PAGE_LINK$" title="Hauptseite"><img  src="/.s/t/601/3.gif" border="0" alt="Hauptseite"></a><img  src="/.s/t/601/4.gif" width="10" height="1"  border="0"><?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?><a  href="$PERSONAL_PAGE_LINK$" title="Mein Profil"><img  src="/.s/t/601/5.gif" border="0" alt="Mein  Profil"></a><?else?><a href="$REGISTER_LINK$"  title="Registrieren"><img src="/.s/t/601/6.gif" border="0"  alt="Registrieren"></a><?endif?><?endif?><img  src="/.s/t/601/4.gif" width="10" height="1"  border="0"><?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?><a  href="$LOGOUT_LINK$" title="Logout"><img src="/.s/t/601/7.gif"  border="0" alt="Logout"></a><?else?><a  href="$LOGIN_LINK$" title="Login"><img src="/.s/t/601/8.gif"  border="0"  alt="Login"></a><?endif?><?endif?></td><td  align="left" width="243"><img src="/.s/t/601/9.jpg"  border="0"></td></tr>
            <tr><td  align="center" width="357"><img  src="http://kingdomofthree.clan.su/Theme/10_new.png"  border="0"></td><td  style="background:url(http://kingdomofthree.clan.su/Theme/11_new.png');"><span  style="color:#F8F3C9;font:20pt bold  Verdana,Tahoma;"><b></b></span></td>
         <td width="193"  style="background:url('/.s/t/601/12.jpg');padding-right:50px;padding-bottom:5px;"  align="right"  valign="bottom"><?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?>Sie  sind angemeldet als <a  href="$PERSONAL_PAGE_LINK$"><b>$USERNAME$</b></a> |  Gruppe  "<u>$USER_GROUP$</u>"<?else?>Willkommen  <b>$USERNAME$</b><?endif?><?endif?>  <?if($RSS_LINK$)?>| <a  href="$RSS_LINK$">RSS</a><?endif?></td></tr>
        </table

Anhänge: 9053261.jpg (157.3 Kb)

Beitrag wurde von aquaboxio - Samstag, 09.04.2011, 02:33 bearbeitet

Cheburator

Beiträge: 2172

Ruf: 83

Beitrag # 4 | 08:36 09.04.2011

Quote (NuMetal)

S die Ordner müssen nicht unbedingt Theme heissen.Und man muss beim Verlinken nicht unbedingt die ganze URL eingeben

Ja das ist eigentlich egal, wie man die Ordner nennt. Solange man selbst mit diesen Ordnern durcheinander kommt smile

Aber man sollte schon den Ordnern sinnvollen "Namen" geben, wo nur die Bilder vom Design rein kommen. Und mit der URL stimme ich zu.. es reicht schon, wenn man die Bilder so verlinkt: <img src="/ordner/bild.png" />

Quote (NuMetal)

Gebe dabei genaue Werte ein wie z.B float left u.s.w

Ne... das Floaten ist hier völlig unwichtig.

aquaboxio, probier mal diesen Code:

Code

<table border="0" cellpadding="0" cellspacing="0" height="204" width="100%">
     <tr>
         <td align="left" width="357"><img src="http://kingdomofthree.clan.su/Theme/1_new.png" border="0"></td>
         <td style="background:url('/.s/t/601/2.jpg');" align="right">
             <a href="$HOME_PAGE_LINK$" title="Hauptseite"><img src="/.s/t/601/3.gif" border="0" alt="Hauptseite"></a>
             <img src="/.s/t/601/4.gif" width="10" height="1" border="0">
             <?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?><a href="$PERSONAL_PAGE_LINK$" title="Mein Profil"><img src="/.s/t/601/5.gif" border="0" alt="Mein Profil"></a><?else?><a href="$REGISTER_LINK$" title="Registrieren"><img src="/.s/t/601/6.gif" border="0" alt="Registrieren"></a><?endif?><?endif?>
             <img src="/.s/t/601/4.gif" width="10" height="1" border="0">
             <?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?><a href="$LOGOUT_LINK$" title="Logout"><img src="/.s/t/601/7.gif" border="0" alt="Logout"></a><?else?><a href="$LOGIN_LINK$" title="Login"><img src="/.s/t/601/8.gif" border="0" alt="Login"></a><?endif?><?endif?>
         </td>
         <td align="left" width="243"><img src="/.s/t/601/9.jpg" border="0"></td>
     </tr>
     <tr>
         <td align="left" width="357"><img src="http://wdl-syrtis.clan.su/theme/10_11_new-2-.jpg" border="0"></td>
         <td style="background:url('http://kingdomofthree.clan.su/Theme/11_new.png') left no-repeat;"></td>
         <td width="193" style="background:url('/.s/t/601/12.jpg');padding-right:50px;padding-bottom:5px;" align="right" valign="bottom">
             <?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?>Sie sind angemeldet als <a href="$PERSONAL_PAGE_LINK$"><b>$USERNAME$</b></a> | Gruppe "<u>$USER_GROUP$</u>"<?else?>Willkommen <b>$USERNAME$</b><?endif?><?endif?>
             <?if($RSS_LINK$)?>| <a href="$RSS_LINK$">RSS</a><?endif?>
         </td>
     </tr>
</table>

Meine uCoz Website: uScripts.de
Mein Blog: *Soon*

NuMetal

Beiträge: 912

Ruf: 33

Beitrag # 5 | 12:12 09.04.2011

Stelle die Schablone wieder her biggrin

Das einzige was du machen musst ist dieses Bild umzumalen und fertig tongue

/.s/t/601/10.jpg

Dann brauchtest du auch nicht da rumzuexpereminitieren.
PS Die Grösse sollte gleich sein.Sowie der Muster oben damit es schön aussieht wink

Den Rest des Bilds kannst du aus dem Quellcode entfernen.Oder diesen auch ummalen.Wäre aber etwas schwierig wacko

Würde mich für Hilfe über ein + im Ruf oder eine Auszeichnung freuen :)

aquaboxio

Beiträge: 16

Ruf: 0

Beitrag # 6 | 15:40 10.04.2011

@NuMetal: Jap so bin ich zuerst vorgegangen. Allerdings ist der Header meiner Site dann wie beim Origanltheme linksbündig und der rechte Teil quasi ungenutzt.
Genau aus dem Grund wollte ich den Header zentriert eingepasst haben.
Hatte das von dir hier eingestellt Bild bearbeitet und das Bild rechts davon. Um die Hand, die den Verzierungsrahmen überlagert zu entfernen, hatte ich den Engel auf der rechten Seite gespiegelt und eingefügt in die vorhandene Grafik auf der linken Seite.

@Cheburator: Habe deinen Code 1:1 für den oberen Teil der Site übernommen. Auch hier das Problem, dass mein entgültiger Banner nicht in der Bildmitte ist und der obere Verzierungsrahmen eine Lücke aufweist, die ich mir nicht erklären kann, auf Grund meiner mangelnden Code-Kenntnisse sad

Resultat:

Ich hatte den Threat zum Thema eigenes Design gelesen, verfüge jedoch leider nicht über Photoshop, was mir die Geschichte mit dem slicen (glaub war das Wort) entsprechend erschwert.
Wäre es eventuell der einfachere Weg den oberen Teil komplett neu anzulegen?
Letztlich möchte ich nur meinen Header mittig haben, links und rechts die beiden "Engel" und oben drüber den Verzierungsrahmen.
Wenn ich das alles jedoch einfach nur zu einem Bild zusammenfasse, ändert sich inpunkto "Funktionalität" dieser "Schiebemechanismus" der den Verzierungsrahmen immer auf die jeweilige Auflösung/ Fenstergrösse anpasst.

PS: Finde es überhaupt genial, dass ihr als Mods tatsächlich auf solche Fragen eingeht.
Kenne andere Foren in denen man sich bei Weitem keine derartige Mühe gibt smile Top! (schon mal vorab)

Anhänge: 4864764.jpg (84.0 Kb)

Beitrag wurde von aquaboxio - Sonntag, 10.04.2011, 15:43 bearbeitet

Cheburator

Beiträge: 2172

Ruf: 83

Beitrag # 7 | 17:07 10.04.2011

Quote (aquaboxio)

Habe da nur deine Bilder durch die Standard Bilder ersetzt smile

Deswegen ist da jetzt auch ein fehler...

Quote (aquaboxio)

Ich hatte den Threat zum Thema eigenes Design gelesen, verfüge jedoch leider nicht über Photoshop, was mir die Geschichte mit dem slicen (glaub war das Wort) entsprechend erschwert.

Übung macht den Meister smile

Quote (aquaboxio)

Wäre es eventuell der einfachere Weg den oberen Teil komplett neu anzulegen?

Ja kannst du, du musst nicht unbedingt bei den Design die Standard Bilder ersetzen. Du kannst dein eigenes Design gestallten so wie du es willst, sofern du genug HTML + CSS Kenntnisse hast.

Meine uCoz Website: uScripts.de
Mein Blog: *Soon*

aquaboxio

Beiträge: 16

Ruf: 0

Beitrag # 8 | 18:21 10.04.2011

Na, dann versuch ich mal mein Glück und wurstel mich da iwie durch bzw. rein.
Danke für eure Antworten.

NuMetal

Beiträge: 912

Ruf: 33

Beitrag # 9 | 20:17 10.04.2011

aquaboxio, am besten wäre immer nicht so etwas schwierigen umzumalen sondern nach einen Layout zu slicen.
Einfach in Photoshop eins malen und dann ans Standarddesign anpassen.Du kannst es dann entweder Tabellarisch oder mit <div> slicen smile

ist nicht so schwer.Man kann ja immer bei selfhtml nachschlagen wenn man etwas nicht weiss wink

auch ist es immer besser als ein Standarddesign tongue

Würde mich für Hilfe über ein + im Ruf oder eine Auszeichnung freuen :)

aquaboxio

Beiträge: 16

Ruf: 0

Beitrag # 10 | 02:13 11.04.2011

Stimmt vermutlich. Aber ich möchte einfach, dass es > die < Clansite am Ende ist.
Daddel das Spiel da jetzt 2,5 Jahre und das Einzige was mich nochmal dort reizen würde, ist ein eigener Clan, wie ich ihn früher 1,5 Jahre in einem anderen Spiel mal hatte.
Ansonsten werd ich das Daddel wohl an den Nagel hängen.
Insofern steck ich da momentan ein wenig Herzblut, sprich Nerven bzw. Geduld rein^^
Bin mit dem Header nun schon ein gutes Stück auch weiter gekommen smile

Wächter des Lichts

Code

<table width="100%" border="0" cellpadding="0" cellspacing="0" height="204">
<tbody><tr><td style="text-align: right; vertical-align: middle; background-image: url("/1.png"); background-repeat: no-repeat; background-position: left top; letter-spacing: 0pt; word-spacing: 0pt;" width="243" align="left"><br></td><td style="background: url("/2.jpg") repeat scroll right top transparent; text-align: right; vertical-align: middle; letter-spacing: 0pt; word-spacing: 0pt;" align="right"><a href="$HOME_PAGE_LINK$" title="Hauptseite"><img src="/.s/t/601/3.gif" alt="Hauptseite" border="0"></a><img src="/.s/t/601/4.gif" width="10" border="0" height="1"><?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?><a href="$PERSONAL_PAGE_LINK$" title="Mein Profil"><img src="/.s/t/601/5.gif" alt="Mein Profil" border="0"></a><?else?><a href="$REGISTER_LINK$" title="Registrieren"><img src="/.s/t/601/6.gif" border="0" alt="Registrieren"></a><?endif?><?endif?><img src="/.s/t/601/4.gif" width="10" border="0" height="1"><?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?><a href="$LOGOUT_LINK$" title="Logout"><img src="/.s/t/601/7.gif" alt="Logout" border="0"></a><?else?><a href="$LOGIN_LINK$" title="Login"><img src="/.s/t/601/8.gif" border="0" alt="Login"></a><?endif?><?endif?></td><td width="243" align="left"><img alt="" src="/9sw.jpg"></td></tr>
<tr><td style="text-align: left; vertical-align: middle; background-image: url("/10.png"); background-repeat: no-repeat; background-position: left top; letter-spacing: 0pt; word-spacing: 0pt;" width="243" align="left"><img alt="" src="/10.png"><br></td><td align="center"><img alt="" src="/WDL_Header.png" width="807" height="178"><br></td>
<td style="background: url("/12.png") repeat scroll 0% 0% transparent; padding-right: 50px; padding-bottom: 5px;" valign="bottom" width="193" align="right"><?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?>Sie sind angemeldet als <a href="$PERSONAL_PAGE_LINK$"><b>$USERNAME$</b></a> | Gruppe "<u>$USER_GROUP$</u>"<?else?>Willkommen <b>$USERNAME$</b><?endif?><?endif?> <?if($RSS_LINK$)?>| <a href="$RSS_LINK$">RSS</a><?endif?></td></tr>
</tbody></table>

Aber fürchte ich werd beim Rest der Site in Sachen Nerven wohl noch reichlich Federn lassen. Watt soll's ist ein Anfang.
Wenn ihr was seht was ich verbessern kann, bitte sofort schreien smile

Anhänge: 3642202.png (263.7 Kb)

Beitrag wurde von aquaboxio - Montag, 11.04.2011, 02:25 bearbeitet

NuMetal

Beiträge: 912

Ruf: 33

Beitrag # 11 | 17:16 11.04.2011

Um den Rest der Sachen zu ändern,muss man nicht nur den Header bearbeiten sondern das ganze Design.
Sprich den Schablonen Generator und die CSS wink

Würde mich für Hilfe über ein + im Ruf oder eine Auszeichnung freuen :)

aquaboxio

Beiträge: 16

Ruf: 0

Beitrag # 12 | 00:10 12.04.2011

mhm, Danke für den Tip. wink

Ein Hinweis auf den visuellen Html-Editor wäre übrigens anfangs hilfreicher gewesen, als der Tip Html zu erlernen.
Hat mir als Laien an der Stelle jedenfalls "über'n Knick" geholfen.
Die CSS nehm ich zuletzt in Angriff, wenn ich erstmal Übersicht habe, welche Farben ich schlussendlich verwendet habe.

Anhänge: 5820474.png (133.3 Kb)

Beitrag wurde von aquaboxio - Dienstag, 12.04.2011, 00:17 bearbeitet

NuMetal

Beiträge: 912

Ruf: 33

Beitrag # 13 | 14:55 12.04.2011

aquaboxio, ein visueller HTML Editor kannst du dir sparen.Das ist mehr als sinnlos denn damit kannst du höchstens das erstellen
was du bei einen Word-Dokument kennst biggrin

PS dort gibts diese Funktion.Ein einfaches Office Programm würde also reichen für billige Seiten tongue

Am besten ist immer Schrittweise zu lernen.HTML ist sehr einfach und CSS genauso.Alles kann man auch nicht wissen dazu gibts ja SelfHTML zum nachschlagen.
Auch ein Buch hilft happy

sonst schaue hier vorbei wir helfen dir gerne weiter wink

Würde mich für Hilfe über ein + im Ruf oder eine Auszeichnung freuen :)

aquaboxio

Beiträge: 16

Ruf: 0

Beitrag # 14 | 23:00 12.04.2011

Moin NuMetal,

jetzt mal ganz im Ernst. Meine ursprüngliche Frage, wie ich den Header einfach nur zentrieren kann wie ich ihn haben möchte, hab ich letztlich selber für mich gelöst und das mit dem visuellen Html Editor. Ein Hinweis auf den hätte mir somit also in dem Punkt durchaus geholfen.

Die Zielsetzung deiner Aussagen in dem Threat, entzieht sich so langsam meiner Vorstellung von Hilfestellung - bin aber selbst kein Mod und du wirst da dein Tätigkeitsfeld besser kennen.

Ich möchte mir letztlich einfach eine HP fertig bauen nach meinen Vorstellungen.
Was du hier momentan von mir möchtest weiss ich nicht, bzw. genauso wenig, wie sich diese Thematik hier so langsam entwickelt hat.

Hoffe man findet iwann ja vllt einen gemeisamen Nenner - momentan find ich's eher störend und kein bischen weiterführend.

aqua

Beitrag wurde von aquaboxio - Dienstag, 12.04.2011, 23:02 bearbeitet

NuMetal

Beiträge: 912

Ruf: 33

Beitrag # 15 | 23:20 12.04.2011

aquaboxio, ich habe es nicht selbst erfunden.Das ist der Fakt dass ein Visueller (WYSIWYG) Editor ungeeignet ist.
Man lernt nicht nur gar nichts dazu,sondern er ergibt auch viel Müll im Quellcode was zu falschen Darstellungen der Seite führt.
Ich würde daher von diesen Editoren abraten.HTML ist einfach und am besten man beginnt mit kleinen Sachen smile

Noch kann ich raten ein Seiten Layout z.B mit Photoshop zu gestalten.Anschliessend zu slicen und an den Schablonen generator
von uCoz anzupassen.Eventuell Bereiche in der CSS Klassifizieren und fertig biggrin

dazu muss man aber die Grundlagen können.
Habe innerhalb weniger Woche gelernt.Du kannst aber natürlich auch hier eins bestellen wink

Habe schon mehrere Designs erstellt wink

sonst denke ich nicht dass ich da etwas falsches gesagt habe,denn du bereitest dir wirklich mehr Kopfschmerzen mit diesen Editoren.
Wenn da nämlich ein Fehler kommt dann musst du in den ganzen generierten Code diesen Suchen.Am besten ist es immer selber tabellarisch
oder per div zu slicen wink

das ist viel einfacher und erspart arbeit wink

NuMetal

Würde mich für Hilfe über ein + im Ruf oder eine Auszeichnung freuen :)

Bitte um Schützenhilfe bei eigenem Design

Seite 1 von 2
1
2
»

Letzte Themen

Populäre Themen