Zum Inhalt springen

Abstimmung Minas Tirith


Lauriel

Empfohlene Beiträge

Also dat mit dem Scrollbalken hab ich eh nie gesehen, kann ich ned sagen....

Aber in der Navi kann man das jetzt wirklich um einiges Besser unterscheiden!!!

Gruss

Link zu diesem Kommentar
Auf anderen Seiten teilen

Ich hab den Scrollbalken auch nicht gesehen :-O Sonst hät ich das wohl gleich geändert, dass grün stammt aus einer anderen HP, die ich gemacht habe, habe für MT teilweise die Codes übernommen und diese Farbcodes einfach verrafft ^^

Ja die Navi ist jetzt echt besser zu erkennen, hab etwas ausprobieren müssen, so das es noch sichtbar ist, aber es scheint ja zu klappen :-O

Link zu diesem Kommentar
Auf anderen Seiten teilen

Huhu, also ich habe jetzt die Startseite noch mal vergondorianisiert :-O

Aber ich habe ein kleines HTML Problem.

Also die zwei Banner von den Webrings auf der Startseite, sind untereinander, dabei habe ich überhaupt kein <br> gesetzt, sie sind einfach untereinander - was mir stinkt.

Ich hätte es gerne, dass, dass eine Banner ganz links und das andere ganz rechts ist und ich code mich hier grad tot und find einfach keine Lösung, nicht mit <p align=>, selbst mit <td>, nicht mit <tr> - es funktioniert gar nichts. :kratz:

Kennt einer des Rätsels Lösung?

Link zu diesem Kommentar
Auf anderen Seiten teilen

Also ich habe das bei mir mit ner Tabelle gelöst!

<div align="center"><table width="100%" border="0">

  <tr valign="top">

    <td width="50%"><div align="left">*Erstes Banner*</div></td>

    <td width="50%"><div align="right">*Zweites Banner*</div></td>

  </tr>

</table></div>

Die Breite der Tabelle kannst du natürlich selber verändern etc!

Also Anduril und Boromirs Horn passen wirklich um einiges besser zu Minas Tirith als das Tor von Moria, auch wenn das Tor ein besserer "Lückenfüller" war.

Was mich noch an der Startseite stört, ist dass das Bild bei mir immernoch wiederholt wird. Ich bin gerade auch am überlegen, wie es geschafft werden könnte, dass kein leerer Raum am linken und rechten Rand entsteht, wenn man die Position fix im Zentrum hat und es nicht wiederholt wird.....

Gruss

Bearbeitet von Manaug
Link zu diesem Kommentar
Auf anderen Seiten teilen

Das "Untereinanderstehen" der beiden Webringbanner kommt im Moment daher, weil dieses Drachenritterbanner aus was für Gründen auch immer ein Formular ist. Und <form>...</form> ist nunmal ein Blockelement. Du könntest daraus ein Inline-Element machen in dem Du folgendes innerhalb des einleitenden <form>-Tags einträgst:

style="display:inline;"

Dann würde es keinen Zeilenumburch erzwingen. Allerdings lege ich lieber die weiter unten und rot markierte Möglichkeit nahe.

@Banner nebeneinander:

Manaug immer mit seinen table-/div-Suppen :-O

Die rot markierten Dinger einfügen... und fertig.

<FORM METHOD="POST" ACTION="http://www.drachenritter.de/webring.php3" target="_top">

<INPUT TYPE="HIDDEN" NAME="id" VALUE="1173">

<INPUT TYPE="HIDDEN" NAME="mini" VALUE="on">

<INPUT style="position:absolute;right:20px;bottom:50px;" TYPE="IMAGE" SRC="images/mini.jpg" NAME="click" BORDER="0" width="100" height="50">

</form>

<img style="position:absolute;left:20px;bottom:50px;" src="http://www.die-gefaehrten.net/banner.php?banner=minitolkien&id=265" width="100" height="50" alt="Webring Banner (minitolkien)" border="0" usemap="#gef_banner_minitolkien" />

Ich bin gerade auch am überlegen, wie es geschafft werden könnte, dass kein leerer Raum am linken und rechten Rand entsteht, wenn man die Position fix im Zentrum hat und es nicht wiederholt wird.....
Irgendetwas muss da ja zu sehen sein. Und wenns nur die Hintergrundfarbe ist. Oder man legt in die hinterste Ebene ein Bild, darüber das, was jetzt Hintergrundbild ist und in die oberste Ebene den Rest.

@Quellcode der Eingangsseite: Uiuiui, da fehlen aber ein paar grundlegende Dinge, wie <body> etc... :-O *nur mal so anmerk*

Bearbeitet von Hjälte
Link zu diesem Kommentar
Auf anderen Seiten teilen

Jo eben ein Hintergrundbild mit dem Steinmuster HINTER dem momentanen Background-Image wäre das, woran ich denke.....

Da man aber nicht 2 Backgrounds für einen body definieren kann, muss das wohl wirklich mit Ebenen gemacht werden....

Gruss

Link zu diesem Kommentar
Auf anderen Seiten teilen

Nö, nicht unbedingt.

Hintergrundbild für body: nur Steinmuster, nix anderes. da würde dann ja auch ein recht kleines reichen, was man in x- und y-richtung wiederholen läßt.

Den Rest dann als normale Bilder (transparenter Hintergrund) einfügen und entweder mit Tabellengewusel oder CSS positionieren.

Wäre ja eh semantisch sinnvoller, den Text nicht als Hintergrundbild zu haben...

Bearbeitet von Hjälte
Link zu diesem Kommentar
Auf anderen Seiten teilen

Ah das mit den Code bei den Banner probier ich gleich mal aus =)

Wegen dem Hintergrund, ja ich hab auch schon versucht das Bild einfach nach links und rechts größer zu machen und es dann mittig fest zu setzen, ging nicht - zumindest bei mir nicht.

Wegen dem Hintergrund hinter dem Hintergrund, hatte ich auch überlegt aber ganz ehrlich bei diesen ganzen x und y Diskussion bin ich irgendwo auf der Strecke geblieben :-O

Wegen dem Quellcode:

Aber hey, die Seite steht doch oder? :-O:-O:-O

PS: Hey das mit dem Code klappt! Du bist ein genie!* Hjälte knutsch und zum Held des Tages krön* :-O

Link zu diesem Kommentar
Auf anderen Seiten teilen

* Hjälte knutsch und zum Held des Tages krön*

:schaem: Held des Tages, juhu! :-O

Wegen dem Quellcode:

Aber hey, die Seite steht doch oder?

Ist nur die Frage, ob die auch in jedem Browser korrekt angezeigt wird... Nimms mir nicht übel, aber *öhm* *also* *tüdelü* daran glaube ich nämlich nicht.

Da ich gerade Held des Tages geworden bin, mal nur so als Vorschlag:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head>
<title>Minas Tirith - Stadt der K&ouml;nige</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--
body
{
background-color:#9C9C9C;
background-image:url(http://wdw.forum4free.tk/mt/images/startmt05.gif);
background-repeat:no-repeat;
background-position:top center;
text-align:center;
}
img
{
border:0px;
}
#gefaehrten
{
position:absolute;
left:20px;
bottom:50px;
}
#drachenritter
{
position:absolute;
right:20px;
bottom:50px;
}
#inhalt
{
margin-top:250px;
}
-->
</style>
</head>
<body>
<p id="inhalt">
<a href="index.php"><img src="http://wdw.forum4free.tk/mt/images/forum.gif" width="110" height="22" alt="Forum" /></a><br /><br /><br />
<a href="http://wdw.forum4free.tk/hp/index.php"><img src="http://wdw.forum4free.tk/mt/images/hp.gif" width="110" height="22" alt="Homepage" /></a>
</p>
<form id="drachenritter" method="post" action="http://www.drachenritter.de/webring.php3">
<div>
<input type="hidden" name="id" value="1173" />
<input type="hidden" name="mini" value="on" />
<input type="image" src="images/mini.jpg" name="click" style="width:100;height:50;" />
</div>
</form>

<div id="gefaehrten">
<img src="http://www.die-gefaehrten.net/banner.php?banner=minitolkien&amp;id=265" width="100" height="50" alt="Webring Banner (minitolkien)" usemap="#gef_banner_minitolkien" />
<map name="gef_banner_minitolkien" id="gef_banner_minitolkien">
<area shape="rect" href="http://www.die-gefaehrten.net/jump.php?action=next&amp;id=265" alt="N&auml;chste Seite" title="N&auml;chste Seite" coords="70,30,100,50" />
<area shape="rect" href="http://www.die-gefaehrten.net/jump.php?action=prev&amp;id=265" alt="Vorherige Seite" title="Vorherige Seite" coords="0,30,30,50" />
<area shape="rect" href="http://www.die-gefaehrten.net/jump.php?action=home&amp;id=265" alt="Die Gef&auml;hrten Homepage" title="Die Gef&auml;hrten Homepage" coords="0,0,100,25" />
</map>
</div>
</body>
</html>

Und das, obwohl ich solche Eingangsseiten nicht mag :-O

Bearbeitet von Hjälte
Link zu diesem Kommentar
Auf anderen Seiten teilen

Also ich hab die Startseite mit Opera, Netscape und den IE getestet, da gings, aber ich vertrau dir jetzte infach mal und setz den Code rein...du willst dir den goldenen Stern der Woche verdienen hm? :-O

Link zu diesem Kommentar
Auf anderen Seiten teilen

Also so ist es mir schon lieber als vorher, wo der Hintergrund repetiert wurde.

@X- und Y-Repetition: Man kann einen Hintergrund, den man mit CSS definiert Repetitionseigenschaften geben, was folgendermassen aussieht:

background-repeat: repeat;

Dieses "Element" hat folgende Möglichkeiten:

- inherit

- no-repeat = keine Wiederholung, also so wie du es momentan hast

- repeat = Das Bild wird in alle Richtungen repetiert

- repeat-x = Das Bild wird nur horizontal repetiert

- repeat-y = Das Bild wird nur vertikal repetiert

Das war mit "in x und y Richtung repetieren lassen" gemeint ;-) Wie in der Mathematik bei einem Koordinaten-System :-O

Gruss

Link zu diesem Kommentar
Auf anderen Seiten teilen

Ahhhhh *Licht erscheint über'm Köpfchen*

Mathe!

Jetzt ist immer noch die Frage, wie bekomme ich einen doppelten Hintergrund?

Nur mal so eine Frage in den Raum geworfen:

Wie wird eigentlich die HP bei größerer Darstellung angezeigt? Sieht sie ok aus, oder ist sie auch so verschoben wie das Forum?

So ein Käse, ich brauch einen neuen PC, dann kann ich das Design im Forum anpassen, im Prinzip ist es ja nur das Hintergrundbild und das Banner was angepasst werden muss *grummel*

Link zu diesem Kommentar
Auf anderen Seiten teilen

Also die Website sieht gut aus! Ich hab ja einfach nen breiteren Bildschirm, sprich 1280px breit, weil Notebook. Das Hauptfeld ist in der Mitte schön zentriert und rund herum ist einfach blau und das sieht gut aus.

Zu dem doppelten Hintergrund:

Ich habe mir mal erlaubt ein bisschen rumzuspielen mit deinem Hintergrund und hab durch zufall was interessantes entdeckt, wenn man den Background repetieren lässt, so wie er jetzt ist. Das Resultat sieht man auf diesem Screenshot:

http://www.khazad-dum.com/khazadchvu/Pics/screen.jpg

Und mir persönlich würde das sogar sehr gefallen mit den 2 Bannern. Da rechts bei dieser Auflösung von 1280x800 aber noch ein kleiner weisser Streifen des einen weissen "Bandes", das um den Baum geht, erscheint, habe ich das Bild eben selbst gebastelt.

Da die PSD-Datei ein bisschen gross wäre und ich sowieso nicht weiss, ob du Photoshop zu Verfügung hast, habe ich dir das File mal in der Grösse von 1280x800, was schon ein grösseres Besucher-Feld abdeckt in der höchst möglichen Qualität hochgeladen, damit du dann daraus machen kannst, was du willst. Da das File momentan 0.56 MB umfasst, sollte da schon noch was dran verändert werden ;-) Du kannst es dir gerne von hier speichern:

http://www.khazad-dum.com/khazadchvu/Pics/bg.gif

Gruss

Link zu diesem Kommentar
Auf anderen Seiten teilen

Ja aber wadde, wenn ich die Datei jetzt einsetz, dann ist die doch bei einer Breite von 1024 abgeschnitten, denn der Hintergrund sitzt a links, nicht mittig, dass heißt die Leute die eine Auflösung 1024 x 768 haben, haben dann rechts voll viel abgeschnitten

edit: Wadde ist ja zentriert, funktioniert also. Ja warte *Idee hab* Wenn ich das Hintergrundbild zur Seite und nach unten hin so vergrößer, dasses selbst bei der größten auflösung alles ausfüllt, dann ist es doch auch ok oder?

Bearbeitet von Lauriel
Link zu diesem Kommentar
Auf anderen Seiten teilen

Jo, das ist auch ok!

Ich dachte nur grade so mit dem Banner 2x nebeneinander sieht das auch noch gut aus....

Und zu dem zentriert oder links:

mit background-position: top center; sollte das schön oben zentriert ausgerichtet werden, sodass man bei einer breite von 1280 keinen grauen Balken oder so hat ;-)

Gruss

Link zu diesem Kommentar
Auf anderen Seiten teilen

Hier Jungs,

ich hab da mal eine Frage und da ihr fit seid, glaub ich einfach mal dran, dass ihr mir helfen könnt. Ich habe jetzt schon von ein paar Leuten in der Abstimmung gehört, dass sich die HP und die Startseite langsam aufbaut - verständlich, hab alles als Jpeg, einfach weil ich eine hohe qualität will und bei gifs ja nur 256 Farben angezeigt werden. Gibt es da eine Möglichkeit trotz Jpegs, dass es sich schneller aufbaut?

Link zu diesem Kommentar
Auf anderen Seiten teilen

Klar, aber das ist mit etwas Arbeit verbunden.

Wie oben schon irgendwo angedeutet, würde ich ein kleines "Mauer"-Bild machen, dass man in alle Richtungen wiederholen lässt. Da musst Du mal bischen rumspielen, wie das am besten aussieht, gerade in Bezug auf Wiederholung des Bildes. Man sollte dann nicht auf den ersten Blick sehen, wo die "Kanten" der Bilder sind.

Wenn man das momentane Hintergrundmauerbild ansieht, erkennt man ja auch, dass es sich immer wiederholt. Also nimm doch einfach diesen einen sich immer wiederholenden "Baustein" als einzelnes Bild raus und verwende den für den Hintergrund.

Die anderen Bilder auch alle einzeln:

- "*Minas Tirith*"-Schriftzug als transparentes Gif

- diese Gondorbanner als transparentes Gif

- usw.

Hätte dann auch den Vorteil, dass es bei jeder Browserfensterinnengröße halbwegs passabel aussieht.

Bearbeitet von Hjälte
Link zu diesem Kommentar
Auf anderen Seiten teilen

Und mit der Transparenz musst du aufpassen!

Sieht auf den ersten Moment immer gut aus, aber wenn man dan nen Hintergrund drunter hat, kann das doch plötzlich ziemlich scheusslich aussehen, weil ein weisser Rand runherum gelegt wird (z.B. wenn Schatten vorhanden sind etc)....

Aber das Hintergrundbild der Startseite kannst du nicht so gross lassen! Das sind immernoch mehr als 0.5 MB, was ich ja gepostet hatte. Ich hatte mir eigentlich vorgestellt, dass du es schon kleiner machst, denn das kann man niemandem ernsthaft zumuten.

Btw: Forum sieht jetzt auch gut aus, weil der Background zentriert ist!

Gruss

Link zu diesem Kommentar
Auf anderen Seiten teilen

Ja ich laß mir wegen der Startseite noch was einfallen, so das der hintergrund mehr aus farbe als aus bild besteht, ich bastel da später mal rum =)

Link zu diesem Kommentar
Auf anderen Seiten teilen

Sodelle, es geht weiter:

Völker werden langsam immer mehr, neben den bei uns im Rollenspiel spielbaren Völkern, werden wir jetzt auch beginnen die Völker zu beschreiben, die bei uns nicht spielbar sind, wie Orks, Ents, Variags und was noch alles so rumläuft.

Tierwelt wurde angelegt mit illustrationen von john howe - natürlich ist dieser informiert und hat mir die erlaubnis gegeben :-O

pflanzenwelt wird auch nicht mehr lange auf sich warten lassen und die dämonen wie balrogs kriegen wir auch noch unter.

Zeittafel würde ich auch gerne einfügen, problem bei zeittafeln ist, man hat nicht wirklich kreative freiheit die texte zu individualisieren, somit werde ich schauen ob sich ein webmaster bereits erklärt mir seine zeittafel zu leihen, natürlich mit copyrightsetzung.

So das nur mal als Infos, dass ihr seht, dass ich nicht schlafe :-O

PS: Wie lange dauert eine Abstimmung eigentlich?

Link zu diesem Kommentar
Auf anderen Seiten teilen

Eine Abstimmung dauert ungefähr 4 Wochen! Das Ende für deine Abstimmung ist am 21. August vorgesehen!

@Zeittafel: Also ich habe auf meiner Website ein Projekt "Annalen Arda's", wo ich jedes erdenkliche Datum eintrage, das ich finde!

Du kannst dir gerne dort aussuchen, was du brauchst und für deine Website speichern. Musst halt selber ein HTML-File erstellen! Einfach darunter schreiben, dass diese Daten aus den Annalen Arda's von Khazad-dum.ch.vu sind und am besten gleich bei Annalen Arda's den Link zu meinem Projekt und bei Khazad-dum.ch.vu natürlich zu meiner Page ;-)

Die Annalen findest du hier: Klick hier!!!!!

Gruss

Link zu diesem Kommentar
Auf anderen Seiten teilen

Die Nervensäge mal wieder, ich hab mal eine Frage, ich konnte im Internet nichts dazu finden.

Wegen Avatars, mein Forum liegt auf einem amerikanischen Server, ändert sich dadurch irgendwas am Urhebergesetzt? Ich hab irgendwo gelesen, dass das in Amerika mit dem Copyright auf Bildern nicht so streng ist wie in der EU

Link zu diesem Kommentar
Auf anderen Seiten teilen

Dein Kommentar

Du kannst jetzt schreiben und Dich später registrieren. Wenn Du ein Konto hast, melde Dich jetzt an, um unter Deinem Benutzernamen zu schreiben.

Gast
Leider enthält Dein Inhalt Begriffe, die wir nicht zulassen. Bitte bearbeite Deinen Inhalt, um die unten hervorgehobenen Wörter zu entfernen.
Auf dieses Thema antworten...

×   Du hast formatierten Text eingefügt.   Formatierung wiederherstellen

  Nur 75 Emojis sind erlaubt.

×   Dein Link wurde automatisch eingebettet.   Einbetten rückgängig machen und als Link darstellen

×   Dein vorheriger Inhalt wurde wiederhergestellt.   Editor leeren

×   Du kannst Bilder nicht direkt einfügen. Lade Bilder hoch oder lade sie von einer URL.

×
×
  • Neu erstellen...