Themenübersicht (Neueste zuerst) |
Geschrieben von Nugget - 23.09.2018, 21:46 |
HTML-Gesuchsvorlage 2Diese Vorlage kannst du in zwei Varianten nutzen, einmal mit Bildern, einmal mit Fonticons. (Wer sich ein bisschen mit HTML auskennt, kann aber auch Bilder und Fonticons kombinieren oder die Abschnitte mit und ohne Spalten austauschen.) Variante mit BildernDas Bild im Titel-Teil des Gesuchs hat eine feste Breite von 410px. Die Höhe ist nicht fix und darf zwischen 30px – 210px variieren. 210px Höhe sind die Maximalgröße. Die anderen Bilder im Gesuch sind sowohl in der Höhe und der Breite variabel und müssen nicht quadratisch, sondern können auch rechteckig sein. Jedoch dürfen die Bilder maximal 180x180px groß sein. Abgesehen vom Titel-Bild sind alle Bilder in der Vorlage rein optional. Falls du außer einem Bild im Titel keine Bilder benötigst, kannst du die Platzhalterbilder im Code einfach herauslöschen. Variante mit FonticonsDiese kommt ohne Bilder aus (wer sich mit HTML ein wenig auskennt, kann aber auch hier Bilder einsetzen, im Titel wäre das anstelle des Fonticons ein Bild von 100x100px und in den Abschnitten anstelle der Fontiocns Bilder mit 60x60px – die Größe der Bilder wäre hier fest und nicht variabel). Du kannst die voreingesetzten (Platzhalter-)Fonticons dabei beliebig durch jedes andere Fonticon bis zu Icons der Version 4, die du auf der Website von Fontawesome findest (Link), ersetzen. Abgesehen vom Fonticon im Titel des Gesuchs sind alle Fonticons in der Vorlage rein optional. Falls du außer einem Fonticon im Titel keine weiteren Fonticons benötigst, kannst du die Platzhaltericons, die im Code sind, samt des Div-Containers, in den sie verpackt sind, einfach herauslöschen. Vorlage mit Bildern
[hide][/hide]
Einleitung
Hier kann dein Untertitel stehen
[hide][/hide]Überall dieselbe alte Leier. Das Layout ist fertig, der Text lässt auf sich warten. Damit das Layout nun nicht nackt im Raume steht und sich klein und leer vorkommt, springe ich ein: der Blindtext. Genau zu diesem Zwecke erschaffen, immer im Schatten meines großen Bruders »Lorem Ipsum«, freue ich mich jedes Mal, wenn Sie ein paar Zeilen lesen. Denn esse est percipi - Sein ist wahrgenommen werden. Und weil Sie nun schon die Güte haben, mich ein paar weitere Sätze lang zu begleiten,
Titelzeile
Gesuchte/r: Name | Alter | Beruf | sonstiges
[hide][/hide][frei] [reserviert] [vergeben] Im Gegensatz zu früheren Webseiten müssen wir zum Beispiel nicht mehr zwei verschiedene Webseiten für den Internet Explorer und einen anderen Browser programmieren. Es reicht eine Seite, die - richtig angelegt - sowohl auf verschiedenen Browsern im Netz funktioniert, aber ebenso gut für den Ausdruck oder die Darstellung auf einem Handy geeignet ist. Wohlgemerkt: Eine Seite für alle Formate. Was für eine Erleichterung. Standards sparen Zeit bei den Entwicklungskosten und sorgen dafür, dass sich Webseiten später leichter pflegen lassen. Natürlich nur dann, wenn sich alle an diese Standards halten. Das gilt für Browser wie Firefox, Opera, Safari und den Internet Explorer ebenso wie für die Darstellung in Handys. Und was können Sie für Standards tun?
Titelzeile
Suchende/r: Name | Alter | Beruf | sonstiges
[hide][/hide]Überall dieselbe alte Leier. Das Layout ist fertig, der Text lässt auf sich warten. Damit das Layout nun nicht nackt im Raume steht und sich klein und leer vorkommt, springe ich ein: der Blindtext. Genau zu diesem Zwecke erschaffen, immer im Schatten meines großen Bruders »Lorem Ipsum«, freue ich mich jedes Mal, wenn Sie ein paar Zeilen lesen. Denn esse est percipi - Sein ist wahrgenommen werden. Und weil Sie nun schon die Güte haben, mich ein paar weitere Sätze lang zu begleiten, möchte ich diese Gelegenheit nutzen, Ihnen nicht nur als Lückenfüller zu dienen, sondern auf etwas hinzuweisen, das es ebenso verdient wahrgenommen zu werden: Webstandards nämlich.
Schlussworte
Hier kann dein Untertitel stehen
Im Gegensatz zu früheren Webseiten müssen wir zum Beispiel nicht mehr zwei verschiedene Webseiten für den Internet Explorer und einen anderen Browser programmieren. Es reicht eine Seite, die - richtig angelegt - sowohl auf verschiedenen Browsern im Netz funktioniert, aber ebenso gut für den Ausdruck oder die Darstellung auf einem Handy geeignet ist. Wohlgemerkt: Eine Seite für alle Formate. Was für eine Erleichterung. Standards sparen Zeit bei den Entwicklungskosten und sorgen dafür, dass sich Webseiten später leichter pflegen lassen.
Code: <div id="eg-search"> Vorlage mit Fonticonskurzer Gesuchstitel
Platz für etwas mehr Text Einleitung
Hier kann dein Untertitel stehen
Überall dieselbe alte Leier. Das Layout ist fertig, der Text lässt auf sich warten. Damit das Layout nun nicht nackt im Raume steht und sich klein und leer vorkommt, springe ich ein: der Blindtext. Genau zu diesem Zwecke erschaffen, immer im Schatten meines großen Bruders »Lorem Ipsum«, freue ich mich jedes Mal, wenn Sie ein paar Zeilen lesen. Denn esse est percipi - Sein ist wahrgenommen werden.
Titelzeile
Gesuchte/r: Name | Alter | Beruf | sonstiges
[frei] [reserviert] [vergeben] Im Gegensatz zu früheren Webseiten müssen wir zum Beispiel nicht mehr zwei verschiedene Webseiten für den Internet Explorer und einen anderen Browser programmieren. Es reicht eine Seite, die - richtig angelegt - sowohl auf verschiedenen Browsern im Netz funktioniert, aber ebenso gut für den Ausdruck oder die Darstellung auf einem Handy geeignet ist. Wohlgemerkt: Eine Seite für alle Formate. Was für eine Erleichterung. Standards sparen Zeit bei den Entwicklungskosten und sorgen dafür, dass sich Webseiten später leichter pflegen lassen. Titelzeile
Suchende/r: Name | Alter | Beruf | sonstiges
[frei] [reserviert] [vergeben] Überall dieselbe alte Leier. Das Layout ist fertig, der Text lässt auf sich warten. Damit das Layout nun nicht nackt im Raume steht und sich klein und leer vorkommt, springe ich ein: der Blindtext. Genau zu diesem Zwecke erschaffen, immer im Schatten meines großen Bruders »Lorem Ipsum«, freue ich mich jedes Mal, wenn Sie ein paar Zeilen lesen. Denn esse est percipi - Sein ist wahrgenommen werden. Schlussworte
Hier kann dein Untertitel stehen
Im Gegensatz zu früheren Webseiten müssen wir zum Beispiel nicht mehr zwei verschiedene Webseiten für den Internet Explorer und einen anderen Browser programmieren. Es reicht eine Seite, die - richtig angelegt - sowohl auf verschiedenen Browsern im Netz funktioniert, aber ebenso gut für den Ausdruck oder die Darstellung auf einem Handy geeignet ist. Wohlgemerkt: Eine Seite für alle Formate. Was für eine Erleichterung.
Code: <div id="eg-search"> |
Geschrieben von Nugget - 29.02.2016, 09:54 |
// i sog ja nix, i red ja bloß pfundig!i mog di fei i hawadere midananda des wiad a Mordsgaudi Maßkruag
Bavaria ipsum dolor sit amet obacht Habedehre jedza, om auf’n Gipfe vo de nia need! Ned woar so Gstanzl Biaschlegl greaßt eich nachad af, luja sowos. D’ Schuabladdla nimma mehra Meidromml wea ko, dea ko, Biakriagal. Klampfn wo hi kimmt mi wuid hod Servas auszutzeln. Damischa is ma Wuascht oans, zwoa, gsuffa nia need wia Brotzeit i waar soweid da liberalitas Bavariae Radler! Kneedl wia da Buachbinda Wanninger hoggd Maßkruag des muas ma hoid kenna nimmds Lewakaas Biakriagal Edlweiss nimma i hob di liab. Fei Baamwach dei aba wia da Buachbinda Wanninger resch fensdaln spernzaln no a Maß a ganze Broadwurschtbudn. Mamalad kimmt da, hog di hi a Prosit der Gmiadlichkeit.
[hide][/hide]
[ reserved ] Name // Fakten, Fakten, FaktenBavaria ipsum dolor sit amet obacht Habedehre jedza, om auf’n Gipfe vo de nia need! Ned woar so Gstanzl Biaschlegl greaßt eich nachad af, luja sowos. D’ Schuabladdla nimma mehra Meidromml wea ko, dea ko, Biakriagal. Klampfn wo hi kimmt mi wuid hod Servas auszutzeln. Damischa is ma Wuascht oans, zwoa, gsuffa nia need wia Brotzeit i waar soweid da liberalitas Bavariae Radler! Kneedl wia da Buachbinda Wanninger hoggd Maßkruag des muas ma hoid kenna nimmds Lewakaas Biakriagal Edlweiss nimma i hob di liab. Fei Baamwach dei aba wia da Buachbinda Wanninger resch fensdaln spernzaln no a Maß a ganze Broadwurschtbudn. Mamalad kimmt da, hog di hi a Prosit der Gmiadlichkeit.
[ free] Name // Bavaria ipsum dolor sit amet obacht Habedehre jedza, om auf’n Gipfe vo de nia need! Ned woar so Gstanzl Biaschlegl greaßt eich nachad af, luja sowos. D’ Schuabladdla nimma mehra Meidromml wea ko, dea ko, Biakriagal. Klampfn wo hi kimmt mi wuid hod Servas auszutzeln. Damischa is ma Wuascht oans, zwoa, gsuffa nia need wia Brotzeit i waar soweid da liberalitas Bavariae Radler! Kneedl wia da Buachbinda Wanninger hoggd Maßkruag des muas ma hoid kenna nimmds Lewakaas Biakriagal Edlweiss nimma i hob di liab. Fei Baamwach dei aba wia da Buachbinda Wanninger resch fensdaln spernzaln no a Maß a ganze Broadwurschtbudn. Mamalad kimmt da, hog di hi a Prosit der Gmiadlichkeit. [hide][/hide]
[hide][/hide]
[ taken ] Name // Bavaria ipsum dolor sit amet obacht Habedehre jedza, om auf’n Gipfe vo de nia need! Ned woar so Gstanzl Biaschlegl greaßt eich nachad af, luja sowos. D’ Schuabladdla nimma mehra Meidromml wea ko, dea ko, Biakriagal. Klampfn wo hi kimmt mi wuid hod Servas auszutzeln. Damischa is ma Wuascht oans, zwoa, gsuffa nia need wia Brotzeit i waar soweid da liberalitas Bavariae Radler! Kneedl wia da Buachbinda Wanninger hoggd Maßkruag des muas ma hoid kenna nimmds Lewakaas Biakriagal Edlweiss nimma i hob di liab. Fei Baamwach dei aba wia da Buachbinda Wanninger resch fensdaln spernzaln no a Maß a ganze Broadwurschtbudn. Mamalad kimmt da, hog di hi a Prosit der Gmiadlichkeit.
Code: <div id="request"> |
Geschrieben von Nugget - 29.02.2016, 09:53 |
BBCode-Vorlage
Der Suchende / Die Suchende »
Wer sucht denn hier überhaupt? Am besten, du stellst deinen Charakter erst mal vor! Wer bist du, wie heißt du, wie alt bist du ... Solche Sachen eben! Gib' dir ein bisschen Mühe, wir sind schließlich nicht zum Spaß hier! Der Gesuchte / Die Gestuchte » Und wen möchtest du überhaupt finden? Auch hier wären ein paar Grundinformationen natürlich echt super! Männlich, Weiblich - wie alt. Du weißt schon - muss ich dir wirklich alles erklären? Die Geschichte » Wie soll's denn weitergehen, wenn dein potentielles Gesuch mal gefunden ist? Was hast du dir vorgestellt, wo möchtest du hin? Mach's unseren Gästen leicht und erzähl ein bisschen was über die Story! Das Aussehen » Du weißt doch schon ganz genau, wie der- oder diejenige aussehen soll oder? Na los, verrate es uns doch! Vielleicht schneit ja einer vorbei, der genau so aussieht, wie du es dir vorstellst! Sonstiges » Du möchtest noch ein Bild einfügen? Kein Problem, mit dem Image-Code geht alles: [*hide][*img]HIER DEN LINK EINSETZEN[/img][/hide]. Oder die Farbe ersetzen? Auch kein Ding mit folgendem Begriff [* color=white][/color] (jeweils die *-Zeichen weglassen!). Oder du möchtest noch ein paar abschließende Worte verlauten lassen? Dann hau in die Tasten! Code: [size=medium][b][i]Der Suchende / Die Suchende »[/b][/i][/size] |
Geschrieben von Nugget - 19.12.2015, 20:07 |
Information & Pattern
Informationen zu Gesuchen und mögliche Vorlagen:
Ihr möchtet ein Gesucht aufgeben? Absolut gar kein Problem - hier ist genau der richtige Platz dafür. Beachtet bitte, dass es dazu ein paar Vorgehensweisen & Regeln gibt. Postet euer Gesuch bitte in der jeweils richtigen Kategorie. Wir unterteilen hier nach Female, Male, Group und Others. Eigentlich sollten die Titel selbsterklärend sein, sollten dennoch Fragen auftreten, wendet euch bitte in diesem Thread an das Team. Grundsätzlich unterteilen wir unsere Gesuche in 'Female', 'Male' und 'Group' Oberkategorien. Zusätzlich dazu muss für jedes Gesuch ein passender Präfix ausgewählt werden (z.B. 'family', 'friend'' etc.). Außerdem sind bei der Erstellung eines Gesuchs noch ein paar Zusatzinformationen auszufüllen, damit auf den ersten Blick ersichtlich ist, wie der Gesuchs-Status gerade ist oder welche Beziehung zu dem suchenden Charakter besteht. Außerdem können bereits im Untertitel Informationen über das Alter, den Beruf sowie für einen Avatarvorschlag hinterlegt werden. Ihr werdet merken, dass ihr euer Gesuch erst abschicken könnt, wenn ihr alle Präfixe und Untertitelinformationen ausgefüllt habt ;). Natürlich dürft ihr HTML in euren Codes verwenden. Allerdings werden Codes, die das Forum beeinträchtigen oder beschädigen vom Team entfernt. Da wir die Bilder des gesamten Forums vor Gästen verstecken, müssen eure Bilder mit dem [*img]-Tag oder <*img src[...]>-Tag eingebunden werden. Anschließend müsst ihr sie mit einem [*hide]-Tag umschließen. Hä ... wie jetzt?! Hier mal die Beispiele, die ihr direkt so kopieren könnt: PHP-Code: Mit dem [*img]-Tag umschlossen PHP-Code: Mit dem <*img src[...]-Tag umschlossen Achtung: Der [*hide]-Befehl greift erst, wenn der Post wirklich abgeschickt wird. In der Vorschau tauchen die [*hide]-Befehle noch auf! Sobald ihr euren Post abschickt, sind sie aber unsichtbar. Lasst euch davon also nicht irritieren. Eigentlich ganz einfach oder? Wenn ihr Probleme habt, dann wendet euch einfach hier an das Team. Wir helfen euch gerne weiter. Hotlinking ist in diesem Forum untersagt. Ladet eure Grafiken und Bilder bitte auf den einschlägigen Webseiten hoch - verpflichtend ist eine httpss-Verschlüsselung der Bildhoster. Alle unverschlüsselt eingebundenen Bilder oder Fonts werden kommentarlos entfernt. |