Menü für meine Community
Hallo,
Ich sollte nochmal mein Problem in einem neuen Thread schildern. Ich habe eine Community und dort fehlt mir leider ein kleines Menü, wie hier auf dem Screen zusehen ist: http://www.Rönix.de/Unbenannt.jpg
Dieses Menü möchte ich gerne 1:1 nachprogrammieren. Folgendes habe ich schon:
Mein Hauptproblem ist, wie bekomme ich mit CSS diesen Rahmen und die Zeile unter "Fotos von mir zeigen" und "Mein Profil bearbeiten"? Wer könnte mich unterstützen?
Gruß Markus K.
Ich sollte nochmal mein Problem in einem neuen Thread schildern. Ich habe eine Community und dort fehlt mir leider ein kleines Menü, wie hier auf dem Screen zusehen ist: http://www.Rönix.de/Unbenannt.jpg
Dieses Menü möchte ich gerne 1:1 nachprogrammieren. Folgendes habe ich schon:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<link type="text/css" rel="stylesheet" href="css/main.css">
<style type="text/css">
</style>
<!--[if lt IE 7]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE7.js"></script>
<![endif]-->
</head>
<body>
<p>
<img id="profile_pic" class="logo img" alt="User Bild" src="<?echo $domain;?>/img/thumb1/<?echo $bild;?>" width="200" height="150"></p>
<ul>
<li><a href="">Fotos von mir zeigen</a></li>
<li><a href="">Mein Profil bearbeiten</a></li>
</ul>
</body>
</html>
ul {
list-style:none;
margin:0;
padding:0;
}
ul li a {
display:block;
border-bottom:thin solid #dcdcdc;
text-decoration:none;
}
Gruß Markus K.
Bitte markiere auch die Kommentare, die zur Lösung des Beitrags beigetragen haben
Kommentar vom Moderator masterG am 17.10.2010 um 20:20:31 Uhr
Bitte Formatierungsregeln ansehen.
Content-ID: 153220
Url: https://administrator.de/contentid/153220
Ausgedruckt am: 21.11.2024 um 23:11 Uhr
8 Kommentare
Neuester Kommentar
Moin,
also erstmal: Vertikale Linien bekommst du mit <hr> hin. Formatieren kannst du die natürlich dann auch mit CSS... Du kannst (glaube ich - ist jetzt nur "straight from my head): <hr style="xyz"> machen. Damit kannst du die Linie dann formatieren.
Dann hast du (immernoch!) folgendes drin:
src="<?echo $domain;?>/img/thumb1/
mache das doch erstmal statisch. Das ist wie überall: Du bist als Kind nicht zur Welt gekommen und bist losgelaufen - du lernst erstmal krabbeln, dann gehen und DANN irgendwann das laufen! Du möchtest hier gleich noch PHP einbinden - was aber (iirc) für dich auch unbekannt ist. D.h. du kennst kein HTML, kein CSS und kein PHP. Anders als bei Kinderüberraschung ist hier aber "3 dinge auf einmal" nicht positiv! Mache doch den ersten Schritt: Binde das Bild erstmal ganz normal ein. Du klammerst so eine Fehlerquelle aus. Um es mal ganz klar zu sagen: Das soll DIR helfen! MIR tust du damit keinen Gefallen - denn meine Kenntnisse reichen um auch PHP in html einzubinden (auch wenn ich Template-Systeme da bevorzuge...)
Dann: Du öffnest eine Liste (<ul>) um dort deine Links reinzupacken? Warum? MEIN Vorschlag wäre:
Das geht auch eleganter - klar. Aber auch hier wieder: ERST krabbeln, DANN laufen! Diese Tabelle kannst du jetzt mit CSS dann auch Rosa färben (vorsicht: Nicht das Telekom-Magenta nehmen, dat gibbt auffe fingers!), anpassen wo welche Linie sein soll (CSS-Element Border),...
Dann hast du schonmal einen Anfang...
Gruß
Mike
P.S. und tu dir gleich selbst nen Gefallen: Bei deinem Foto nimm die width/height-Angabe schnell wieder weg!
a) Wenn das Foto andere Dimensionen hat wird es sonst verzerrt (d.h. man kann entweder "Ernie aus der Sesamstraße" oder "Eierkopf" als passende Bezeichnung finden!)
b) Wenn du das Foto mit 10000x10000 px abgespeichert hast wird es so NICHT verkleinert -> d.h. du würdest das Foto in voller Auflösung übertragen und nur der Browser macht nen Resize... WENN deine Community mal soweit fertig ist dann gibt es z.B. über php (img_resize glaub ich) elegantere Methoden um ein Bild auf die passende Größe zu bringen... Und mit etwas Programmiererfahrung (du hast ja Java-Kenntnisse also setz ich die mal vorraus!) weiss man auch wie man das dann unter erhalt der Proportionen hinbekommt.... Und solang du die noch nicht hast lade das Foto einfach in passender Auflösung hoch...
---
EDIT masterG 17.10.2010 20:21: Code in Codeblock, bitte die Formartierungshilfe zur Hand nehmen.
also erstmal: Vertikale Linien bekommst du mit <hr> hin. Formatieren kannst du die natürlich dann auch mit CSS... Du kannst (glaube ich - ist jetzt nur "straight from my head): <hr style="xyz"> machen. Damit kannst du die Linie dann formatieren.
Dann hast du (immernoch!) folgendes drin:
src="<?echo $domain;?>/img/thumb1/
mache das doch erstmal statisch. Das ist wie überall: Du bist als Kind nicht zur Welt gekommen und bist losgelaufen - du lernst erstmal krabbeln, dann gehen und DANN irgendwann das laufen! Du möchtest hier gleich noch PHP einbinden - was aber (iirc) für dich auch unbekannt ist. D.h. du kennst kein HTML, kein CSS und kein PHP. Anders als bei Kinderüberraschung ist hier aber "3 dinge auf einmal" nicht positiv! Mache doch den ersten Schritt: Binde das Bild erstmal ganz normal ein. Du klammerst so eine Fehlerquelle aus. Um es mal ganz klar zu sagen: Das soll DIR helfen! MIR tust du damit keinen Gefallen - denn meine Kenntnisse reichen um auch PHP in html einzubinden (auch wenn ich Template-Systeme da bevorzuge...)
Dann: Du öffnest eine Liste (<ul>) um dort deine Links reinzupacken? Warum? MEIN Vorschlag wäre:
<table>
<tr><td><img src="/bilder/meinGesicht.jpg" alt="ich"></td></tr>
<tr><td><a href....>Menü1</a></td></tr>
<tr><td><a href....>Menü2</a></td></tr>
</table>
Dann hast du schonmal einen Anfang...
Gruß
Mike
P.S. und tu dir gleich selbst nen Gefallen: Bei deinem Foto nimm die width/height-Angabe schnell wieder weg!
a) Wenn das Foto andere Dimensionen hat wird es sonst verzerrt (d.h. man kann entweder "Ernie aus der Sesamstraße" oder "Eierkopf" als passende Bezeichnung finden!)
b) Wenn du das Foto mit 10000x10000 px abgespeichert hast wird es so NICHT verkleinert -> d.h. du würdest das Foto in voller Auflösung übertragen und nur der Browser macht nen Resize... WENN deine Community mal soweit fertig ist dann gibt es z.B. über php (img_resize glaub ich) elegantere Methoden um ein Bild auf die passende Größe zu bringen... Und mit etwas Programmiererfahrung (du hast ja Java-Kenntnisse also setz ich die mal vorraus!) weiss man auch wie man das dann unter erhalt der Proportionen hinbekommt.... Und solang du die noch nicht hast lade das Foto einfach in passender Auflösung hoch...
---
EDIT masterG 17.10.2010 20:21: Code in Codeblock, bitte die Formartierungshilfe zur Hand nehmen.
Hallo!
Ich denke nicht, dass die Betreiber von facebook es lustig finden, wenn du Teile von Ihrer Seite kopierst.
Ich denke da wirst du ziehmlich schnell eine Anzeige ins Haus bekommen.
Grüße
Martin
Zitat von @Snowboarder1994:
Dieses Menü möchte ich gerne 1:1 nachprogrammieren. Folgendes habe ich schon:
Dieses Menü möchte ich gerne 1:1 nachprogrammieren. Folgendes habe ich schon:
Ich denke nicht, dass die Betreiber von facebook es lustig finden, wenn du Teile von Ihrer Seite kopierst.
Ich denke da wirst du ziehmlich schnell eine Anzeige ins Haus bekommen.
Grüße
Martin
Ich habs im anderen Thread schon geschrieben: www.drupal.org
Es ist wichtig zu wissen, was du überhaupt willst! Reine Seiten kann man schnell generieren. Gerade für eine Community braucht man mehr. Gute CMS wie z.B. drupal haben viele Module zur Auswahl. Nix anderes machen die Betreiber der grossen sozialen Netzwerke. Das was du siehst, ist nur die Aufmachung. Der Code dahinter ist oft sehr komplex.
Aber man muss das Rad nicht neu erfinden. Wenn du schnell eine Community aufbauen willst, würde ich einfach vorh. Ressourcen verwenden. Es gibt zig Gamer Clans die seit Jahren das gleiche Machen.
Design später anpassen kann man immer noch. Vorausgesetzt man weiss wie es geht. Du bekommst immer ein fertiges Standarddesign mit geliefert. Anpassung ist reine Geschmackssache. Würde es erstmal auf Standard belassen und mich mit selfhtml, etc. langsam ins Webdesign einarbeiten.
Bei drupal kannst du z.B: einfach Stichwörter in Profilen hinterlegen. Klickt man drauf, bekommt man gleichgesinnte Profile zu sehen. Von all diesen Dingen lebt eine Community.
Das Design ist nur die Verpackung. Die Module sind teils einfach zu installieren und funktionieren auf Anhieb. Desgin und damit Modulpositionen lassen sich später immer noch ändern.
Du machst dir ggf. das Leben so zu schwer.
mfg Crusher
Es ist wichtig zu wissen, was du überhaupt willst! Reine Seiten kann man schnell generieren. Gerade für eine Community braucht man mehr. Gute CMS wie z.B. drupal haben viele Module zur Auswahl. Nix anderes machen die Betreiber der grossen sozialen Netzwerke. Das was du siehst, ist nur die Aufmachung. Der Code dahinter ist oft sehr komplex.
Aber man muss das Rad nicht neu erfinden. Wenn du schnell eine Community aufbauen willst, würde ich einfach vorh. Ressourcen verwenden. Es gibt zig Gamer Clans die seit Jahren das gleiche Machen.
Design später anpassen kann man immer noch. Vorausgesetzt man weiss wie es geht. Du bekommst immer ein fertiges Standarddesign mit geliefert. Anpassung ist reine Geschmackssache. Würde es erstmal auf Standard belassen und mich mit selfhtml, etc. langsam ins Webdesign einarbeiten.
Bei drupal kannst du z.B: einfach Stichwörter in Profilen hinterlegen. Klickt man drauf, bekommt man gleichgesinnte Profile zu sehen. Von all diesen Dingen lebt eine Community.
Das Design ist nur die Verpackung. Die Module sind teils einfach zu installieren und funktionieren auf Anhieb. Desgin und damit Modulpositionen lassen sich später immer noch ändern.
Du machst dir ggf. das Leben so zu schwer.
mfg Crusher
Moin,
naja, den ANSATZ finde ich persönlich ganz gut - es erstmal selbst machen und etwas davon verstehen lernt. Denn sonst hast du nur schnell wieder nen System welches irgendwo geknackt wird... Wenn man das selbst lernt dann lernt man ggf. auch wie die Angriffe laufen und wie man das absichern kann....
Ausserdem: Wir wollen die Kirche doch mal im Dorf lassen - wegen den paar Zeilen (die vermutlich nicht mal schutzfähig sind) wird auch Facebook da nicht klagen.
naja, den ANSATZ finde ich persönlich ganz gut - es erstmal selbst machen und etwas davon verstehen lernt. Denn sonst hast du nur schnell wieder nen System welches irgendwo geknackt wird... Wenn man das selbst lernt dann lernt man ggf. auch wie die Angriffe laufen und wie man das absichern kann....
Ausserdem: Wir wollen die Kirche doch mal im Dorf lassen - wegen den paar Zeilen (die vermutlich nicht mal schutzfähig sind) wird auch Facebook da nicht klagen.
Moin,
sag mal - hast du irgendwie was nicht gelesen? Du bist hier NICHT bei Wünsch dir was... Natürlich programmier ich dir das - zahlst du mir ca. 800 Euro/Tag? (DAS ist das was nen Programmierer so kostet....)
Aber gut - ich glaub nach deinen ganzen Threads hier die eigentlich alle nur dahin gehen "Jungs, ich bin zu faul, macht mir das mal fertig... aber ZZ!" spar ich mir alles weitere..: Viel spass noch bei der Suche nach nem Deppen der dir das baut... Ich hoffe jedoch das du HIER keinen findest...
EDIT: Und sorry - aber wo hast du nen Anfang gemacht? Nimms mir nicht übel - aber soll das alles sein? Ich würde mal sagen - fang an es vernünftig zu lernen...
sag mal - hast du irgendwie was nicht gelesen? Du bist hier NICHT bei Wünsch dir was... Natürlich programmier ich dir das - zahlst du mir ca. 800 Euro/Tag? (DAS ist das was nen Programmierer so kostet....)
Aber gut - ich glaub nach deinen ganzen Threads hier die eigentlich alle nur dahin gehen "Jungs, ich bin zu faul, macht mir das mal fertig... aber ZZ!" spar ich mir alles weitere..: Viel spass noch bei der Suche nach nem Deppen der dir das baut... Ich hoffe jedoch das du HIER keinen findest...
EDIT: Und sorry - aber wo hast du nen Anfang gemacht? Nimms mir nicht übel - aber soll das alles sein? Ich würde mal sagen - fang an es vernünftig zu lernen...
Hi nochmal,
so nun kommen wir doch der Sache schon näher! Welche Forensoftware hast du denn?
Wieso fragst du nicht direkt im Forum des Herstellers an? Alle großen Boards haben eine lebendige Community. Die Cracks dort kennen meist die Software in und auswendig!
Mit tables, wie maretz oben beschrieben hat, wird eigentlich heutzutage nicht mehr viel gemacht! Regel ist meist <table> nur für "echte" Tabellen zu nehmen.
ABER Boards wie das Woltlab Burning Board Lite (Freeware) basieren noch genau da drauf. Für alle Hacks muss man mühselig Zeilen suchen und ersetzen. Oft eben auch mit dem <table> Tag.
Darum: welche Software nutzt du denn?
Deine Fragen hast du somit auch ziemlich spärlich gestellt! Richtig wäre gewesen: Hallo, hab XXX als Boardsoftware, wie krieg ich folgenden Hack/ Contribute/ Modul/ Erweiterung/ Addon/ Template Anpassung hin......
So klang es, als würdest du selber nen Community erbasteln wollen...... Ansonsten maretz zustimm! Immerhin ist die Darstellung auch vom vorhandenen Template abhängig, die dein Board gerade nutzt! Oft sind die Abschnitte kaskadiert. Somit kannst du nicht einfach irgendwas da rein hauen. Das Ergebnis könnte dich überraschen.
mfg Crusher
so nun kommen wir doch der Sache schon näher! Welche Forensoftware hast du denn?
Wieso fragst du nicht direkt im Forum des Herstellers an? Alle großen Boards haben eine lebendige Community. Die Cracks dort kennen meist die Software in und auswendig!
Mit tables, wie maretz oben beschrieben hat, wird eigentlich heutzutage nicht mehr viel gemacht! Regel ist meist <table> nur für "echte" Tabellen zu nehmen.
ABER Boards wie das Woltlab Burning Board Lite (Freeware) basieren noch genau da drauf. Für alle Hacks muss man mühselig Zeilen suchen und ersetzen. Oft eben auch mit dem <table> Tag.
Darum: welche Software nutzt du denn?
Deine Fragen hast du somit auch ziemlich spärlich gestellt! Richtig wäre gewesen: Hallo, hab XXX als Boardsoftware, wie krieg ich folgenden Hack/ Contribute/ Modul/ Erweiterung/ Addon/ Template Anpassung hin......
So klang es, als würdest du selber nen Community erbasteln wollen...... Ansonsten maretz zustimm! Immerhin ist die Darstellung auch vom vorhandenen Template abhängig, die dein Board gerade nutzt! Oft sind die Abschnitte kaskadiert. Somit kannst du nicht einfach irgendwas da rein hauen. Das Ergebnis könnte dich überraschen.
mfg Crusher