<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/">
	<channel>
		<title><![CDATA[Opposites Attract - Greencard Lottery]]></title>
		<link>https://opposites-attract.net/</link>
		<description><![CDATA[Opposites Attract - https://opposites-attract.net]]></description>
		<pubDate>Fri, 17 Apr 2026 05:25:18 +0000</pubDate>
		<generator>MyBB</generator>
		<item>
			<title><![CDATA[Awards]]></title>
			<link>https://opposites-attract.net/showthread.php?tid=1818</link>
			<pubDate>Thu, 15 May 2025 18:30:48 +0200</pubDate>
			<dc:creator><![CDATA[<a href="https://opposites-attract.net/member.php?action=profile&uid=5">Fatal Attraction</a>]]></dc:creator>
			<guid isPermaLink="false">https://opposites-attract.net/showthread.php?tid=1818</guid>
			<description><![CDATA[<h1>A W A R D S</h1><br />
<br />
Nach dem offiziellen <span style="font-weight: bold;" class="mycode_b">WOB</span> besteht für jeden Charakter die Möglichkeit, Awards zu beantragen und das Profil ein bisschen aufzuhübschen. Wie Ihr an die Awards rankommt, seht ihr in der nachfolgenden Step-by-Step-Anleitung.<br />
<br />
<br />
<h2>Beantragen</h2><br />
<br />
<span style="font-weight: bold;" class="mycode_b">STEP ONE</span><br />
Gehe oben die die Kopfleiste des Forums.<br />
Unter dem Punkt <span style="font-weight: bold;" class="mycode_b">"LINKS"</span> findet man den Link zu den <span style="font-weight: bold;" class="mycode_b">"AWARDS"</span>.<br />
<br />
<img src="https://i.postimg.cc/xqrK7mw7/Step1.png" loading="lazy"  alt="[Bild: Step1.png]" class="mycode_img" /><br />
<br />
<br />
<span style="font-weight: bold;" class="mycode_b">STEP TWO</span><br />
Links sieht man die hinterlegten Awards, rechts die Buttons, um diese anfragen/beantragen zu können.<br />
<br />
<img src="https://i.postimg.cc/G34VWC0J/Step2.png" loading="lazy"  alt="[Bild: Step2.png]" class="mycode_img" /><br />
<br />
<br />
<span style="font-weight: bold;" class="mycode_b">STEP THREE</span><br />
Wählt jeden Award einzeln aus, der auf den Charakter zutrifft und gehe anschließend auf <span style="font-weight: bold;" class="mycode_b">"EINREICHEN"</span>.<br />
<br />
<img src="https://i.postimg.cc/66Fgwmts/Step3.png" loading="lazy"  alt="[Bild: Step3.png]" class="mycode_img" /><br />
<br />
<br />
<br />
<br />
<h2>Im Profil sichtbar machen</h2><br />
<br />
Die Awards müssen jetzt nur noch im Profil sichtbar gemacht werden. Wie das geht, sieht man hier:<br />
<br />
<span style="font-weight: bold;" class="mycode_b">STEP ONE</span><br />
Gehe dein UCP/Profil.<br />
<br />
<img src="https://i.postimg.cc/Rh5Jdm5Q/Step-1.png" loading="lazy"  alt="[Bild: Step-1.png]" class="mycode_img" /><br />
<br />
<br />
<span style="font-weight: bold;" class="mycode_b">STEP TWO</span><br />
Ganz rechts, unter dem Punkt <span style="font-weight: bold;" class="mycode_b">SONSTIGES</span>, findet ihr den Link zu euren beantragten <span style="font-weight: bold;" class="mycode_b">AWARDS</span>.<br />
<br />
<img src="https://i.postimg.cc/Zn8BDQJk/Step-2.png" loading="lazy"  alt="[Bild: Step-2.png]" class="mycode_img" /><br />
<br />
<br />
<span style="font-weight: bold;" class="mycode_b">STEP THREE</span><br />
Setzt nun bei jeden Award einen Haken, um den Award "sichtbar" zu machen.<br />
<br />
<img src="https://i.postimg.cc/9XZ7MDZx/Step-3.png" loading="lazy"  alt="[Bild: Step-3.png]" class="mycode_img" /><br />
<br />
<br />
<span style="font-weight: bold;" class="mycode_b">STEP FOUR</span><br />
Bitte am Schluss nicht vergessen, die gesetzten Haken mit <span style="font-weight: bold;" class="mycode_b">"LOS"</span> zu bestätigen.<br />
<br />
<img src="https://i.postimg.cc/QxDWWjqj/Step-4.png" loading="lazy"  alt="[Bild: Step-4.png]" class="mycode_img" /><br />
<br />
<br />
<br />
Wenn man nun ins das sichtbare Profil des Charakters klickt, sieht man auf der Startseite direkt die wunderschönen, kunterbunten Awards.]]></description>
			<content:encoded><![CDATA[<h1>A W A R D S</h1><br />
<br />
Nach dem offiziellen <span style="font-weight: bold;" class="mycode_b">WOB</span> besteht für jeden Charakter die Möglichkeit, Awards zu beantragen und das Profil ein bisschen aufzuhübschen. Wie Ihr an die Awards rankommt, seht ihr in der nachfolgenden Step-by-Step-Anleitung.<br />
<br />
<br />
<h2>Beantragen</h2><br />
<br />
<span style="font-weight: bold;" class="mycode_b">STEP ONE</span><br />
Gehe oben die die Kopfleiste des Forums.<br />
Unter dem Punkt <span style="font-weight: bold;" class="mycode_b">"LINKS"</span> findet man den Link zu den <span style="font-weight: bold;" class="mycode_b">"AWARDS"</span>.<br />
<br />
<img src="https://i.postimg.cc/xqrK7mw7/Step1.png" loading="lazy"  alt="[Bild: Step1.png]" class="mycode_img" /><br />
<br />
<br />
<span style="font-weight: bold;" class="mycode_b">STEP TWO</span><br />
Links sieht man die hinterlegten Awards, rechts die Buttons, um diese anfragen/beantragen zu können.<br />
<br />
<img src="https://i.postimg.cc/G34VWC0J/Step2.png" loading="lazy"  alt="[Bild: Step2.png]" class="mycode_img" /><br />
<br />
<br />
<span style="font-weight: bold;" class="mycode_b">STEP THREE</span><br />
Wählt jeden Award einzeln aus, der auf den Charakter zutrifft und gehe anschließend auf <span style="font-weight: bold;" class="mycode_b">"EINREICHEN"</span>.<br />
<br />
<img src="https://i.postimg.cc/66Fgwmts/Step3.png" loading="lazy"  alt="[Bild: Step3.png]" class="mycode_img" /><br />
<br />
<br />
<br />
<br />
<h2>Im Profil sichtbar machen</h2><br />
<br />
Die Awards müssen jetzt nur noch im Profil sichtbar gemacht werden. Wie das geht, sieht man hier:<br />
<br />
<span style="font-weight: bold;" class="mycode_b">STEP ONE</span><br />
Gehe dein UCP/Profil.<br />
<br />
<img src="https://i.postimg.cc/Rh5Jdm5Q/Step-1.png" loading="lazy"  alt="[Bild: Step-1.png]" class="mycode_img" /><br />
<br />
<br />
<span style="font-weight: bold;" class="mycode_b">STEP TWO</span><br />
Ganz rechts, unter dem Punkt <span style="font-weight: bold;" class="mycode_b">SONSTIGES</span>, findet ihr den Link zu euren beantragten <span style="font-weight: bold;" class="mycode_b">AWARDS</span>.<br />
<br />
<img src="https://i.postimg.cc/Zn8BDQJk/Step-2.png" loading="lazy"  alt="[Bild: Step-2.png]" class="mycode_img" /><br />
<br />
<br />
<span style="font-weight: bold;" class="mycode_b">STEP THREE</span><br />
Setzt nun bei jeden Award einen Haken, um den Award "sichtbar" zu machen.<br />
<br />
<img src="https://i.postimg.cc/9XZ7MDZx/Step-3.png" loading="lazy"  alt="[Bild: Step-3.png]" class="mycode_img" /><br />
<br />
<br />
<span style="font-weight: bold;" class="mycode_b">STEP FOUR</span><br />
Bitte am Schluss nicht vergessen, die gesetzten Haken mit <span style="font-weight: bold;" class="mycode_b">"LOS"</span> zu bestätigen.<br />
<br />
<img src="https://i.postimg.cc/QxDWWjqj/Step-4.png" loading="lazy"  alt="[Bild: Step-4.png]" class="mycode_img" /><br />
<br />
<br />
<br />
Wenn man nun ins das sichtbare Profil des Charakters klickt, sieht man auf der Startseite direkt die wunderschönen, kunterbunten Awards.]]></content:encoded>
		</item>
		<item>
			<title><![CDATA[Bewerbercheckliste]]></title>
			<link>https://opposites-attract.net/showthread.php?tid=45</link>
			<pubDate>Fri, 22 May 2020 12:25:09 +0200</pubDate>
			<dc:creator><![CDATA[<a href="https://opposites-attract.net/member.php?action=profile&uid=5">Fatal Attraction</a>]]></dc:creator>
			<guid isPermaLink="false">https://opposites-attract.net/showthread.php?tid=45</guid>
			<description><![CDATA[<h1>Checkliste</h1><br />
<br />
Bevor du in <a href="https://opposites-attract.net/forumdisplay.php?fid=60" target="_blank" rel="noopener" class="mycode_url">dieser Area</a> einen Thread erstellst, solltest du dich vergewissern, dass du alles eingetragen hast. Deswegen geben wir dir eine kleine Checkliste an die Hand:<br />
<br />
<div style="margin-left: 40px;"><i class="far fa-square"></i> Avatar einfügen, das Gesicht sollte gut erkennbar sein<br />
<i class="far fa-square"></i> <a href="https://opposites-attract.net/usercp.php?action=profile" target="_blank" rel="noopener" class="mycode_url">Benutzertitel</a> eintragen<br />
<i class="far fa-square"></i> <a href="https://opposites-attract.net/usercp.php?action=allgemeines" target="_blank" rel="noopener" class="mycode_url">Profilfelder</a> Spielername, Geschlecht, Avatarperson, Wohnort, Beziehungsstatus, Alter, Geburtstag, Kurzbeschreibung<br />
<i class="far fa-square"></i> <a href="https://opposites-attract.net/usercp.php?action=steckbrief" target="_blank" rel="noopener" class="mycode_url">Steckbrief</a> Wie es euch gefällt ausfüllen, wichtig ist dass wir danach den Charakter gut nachvollziehen können.<br />
<i class="far fa-square"></i> <a href="https://opposites-attract.net/usercp.php?action=relas_usercp" target="_blank" rel="noopener" class="mycode_url">Beziehungen</a> Die Familie und alle wichtigen Bezugspersonen als NPC eintragen oder mit bereits bespielten Charakteren verlinken.<br />
<i class="far fa-square"></i> Beruf in der <a href="https://opposites-attract.net/misc.php?action=joblist" target="_blank" rel="noopener" class="mycode_url">Jobliste</a> eintragen<br />
</div>]]></description>
			<content:encoded><![CDATA[<h1>Checkliste</h1><br />
<br />
Bevor du in <a href="https://opposites-attract.net/forumdisplay.php?fid=60" target="_blank" rel="noopener" class="mycode_url">dieser Area</a> einen Thread erstellst, solltest du dich vergewissern, dass du alles eingetragen hast. Deswegen geben wir dir eine kleine Checkliste an die Hand:<br />
<br />
<div style="margin-left: 40px;"><i class="far fa-square"></i> Avatar einfügen, das Gesicht sollte gut erkennbar sein<br />
<i class="far fa-square"></i> <a href="https://opposites-attract.net/usercp.php?action=profile" target="_blank" rel="noopener" class="mycode_url">Benutzertitel</a> eintragen<br />
<i class="far fa-square"></i> <a href="https://opposites-attract.net/usercp.php?action=allgemeines" target="_blank" rel="noopener" class="mycode_url">Profilfelder</a> Spielername, Geschlecht, Avatarperson, Wohnort, Beziehungsstatus, Alter, Geburtstag, Kurzbeschreibung<br />
<i class="far fa-square"></i> <a href="https://opposites-attract.net/usercp.php?action=steckbrief" target="_blank" rel="noopener" class="mycode_url">Steckbrief</a> Wie es euch gefällt ausfüllen, wichtig ist dass wir danach den Charakter gut nachvollziehen können.<br />
<i class="far fa-square"></i> <a href="https://opposites-attract.net/usercp.php?action=relas_usercp" target="_blank" rel="noopener" class="mycode_url">Beziehungen</a> Die Familie und alle wichtigen Bezugspersonen als NPC eintragen oder mit bereits bespielten Charakteren verlinken.<br />
<i class="far fa-square"></i> Beruf in der <a href="https://opposites-attract.net/misc.php?action=joblist" target="_blank" rel="noopener" class="mycode_url">Jobliste</a> eintragen<br />
</div>]]></content:encoded>
		</item>
		<item>
			<title><![CDATA[How To: Bewerbung erstellen]]></title>
			<link>https://opposites-attract.net/showthread.php?tid=44</link>
			<pubDate>Fri, 22 May 2020 12:15:45 +0200</pubDate>
			<dc:creator><![CDATA[<a href="https://opposites-attract.net/member.php?action=profile&uid=5">Fatal Attraction</a>]]></dc:creator>
			<guid isPermaLink="false">https://opposites-attract.net/showthread.php?tid=44</guid>
			<description><![CDATA[<h1>Bewerbung erstellen</h1><br />
<br />
Du hast dich durchgeklickt, mühsam alle Informationen zusammen gesammelt, dein Avatar verteidigt und möchtest jetzt endlich los legen und deine Bewerbung schreiben. <span style="font-weight: bold;" class="mycode_b">Super simpel!</span> behauptet Fey, aber sie hat auch das Ganze verbockt. Das Wichtigste zuerst: <span style="font-weight: bold;" class="mycode_b">Unsere Steckbriefe werden im UserCP geschrieben und für Angemeldete im Profil angezeigt</span>. Aber weil wir maximale Flexibilität lieben, haben wir uns bemüht, euch diese auch zu liefern.<br />
<br />
<h2>Das UserCP</h2><br />
<br />
In eurem UserCP solltet ihr folgende schöne Links finden:<br />
<br />
<div style="text-align: center;" class="mycode_align"><a href ="https://opposites-attract.net/images/stecki/BewerbungUserCP.png"><img src="https://opposites-attract.net/images/stecki/BewerbungUserCP.png" style="width: 400px;" target="_blank"><br />
Zum Vergrößern anklicken</a></div>
<br />
Den <span style="font-weight: bold;" class="mycode_b">Reiter Allgemeines</span> dürft ihr bis zum Feld Kurzbeschreibung komplett ausfüllen, darauf werden wir immer Wert legen, da die Informationen auch überall im Forum angezeigt werden. Führt also kein Weg dran vorbei. Icon und das Kreativfeld dagegen sind vollkommen optional.<br />
<br />
Viel Interessanter ist aber der <span style="font-weight: bold;" class="mycode_b">Reiter Steckbrief</span>. Dort findet ihr allerlei optionale Felder, mit denen ihr euren Steckbrief gestalten könnt.<br />
<br />
<h2>Dein neuer bester Freund: Zeilenbruch br</h2><br />
Solange Fey (die schon wieder!) keine bessere Lösung hat, wird der manuelle Zeilenbruch euer bester Freund. Wir empfehlen ihn euch sogar großzügig einzusetzen, damit man eure Texte gut lesen kann. <br />
<br />
Wenn ihr also einen Zeilenbruch herbei führen wollt, kopiert euch diesen Code an die entsprechende Stelle:<br />
<div class="codeblock"><div class="title">Code:</div><div class="body" dir="ltr"><code>&lt;br /&gt;</code></div></div><br />
Wenn ihr gleich einen ganze Absatz generieren wollt, kopiert euch diesen Code an die entsprechende Stelle:<br />
<div class="codeblock"><div class="title">Code:</div><div class="body" dir="ltr"><code>&lt;br /&gt;&lt;br /&gt;</code></div></div><br />
<h1>Der Steckbrief</h1><br />
<br />
Hüüülfe! Das sind ja wirklich viele nichtssagende Felder! <br />
Anstatt euch vorzugeben, was ihr alles eintragen müsst, könnt ihr euch gestalterisch selbst austoben. Und weil ein Bild mehr als Tausend Worte aussagt, hier eine Übersicht über alle Felder:<br />
<br />
<div style="text-align: center;" class="mycode_align"><a href ="https://opposites-attract.net/images/stecki/BewerbungAlle.PNG"><img src="https://opposites-attract.net/images/stecki/BewerbungAlle.PNG" style="width: 400px;" target="_blank"><br />
Zum Vergrößern anklicken</a></div>
<br />
<h3>Es gilt: Alles kann, nichts muss!</h3><br />
<br />
<span style="font-weight: bold;" class="mycode_b">Profilbanner:</span> wird über den Steckbriefboxen angezeigt und muss 800px breit sein. Die Höhe ist euch überlassen, wir empfehlen eine Höhe von etwa 200 bis 250 Pixel. Hier kann man nur einen Link eintragen.<br />
<span style="font-weight: bold;" class="mycode_b">Profilbild:</span> wird neben den Steckbriefboxen angezeigt und muss 200px breit sein. Die Höhe ist euch überlassen, wir empfehlen mindestens eine Höhe von 400 Pixeln. Hier kann man nur einen Link eintragen.<br />
<span style="font-weight: bold;" class="mycode_b">Steckbriefboxen 1 bis 4:</span> sind Textboxen, deren Überschriften ihr frei auswählen könnt. Dabei liegen immer zwei Boxen zu 50% nebeneinander. Ihr solltet immer beide nebeneinander liegenden Boxen ausfüllen, weil es sonst komisch aussieht. Besonders geeignet natürlich für so Aufzählungen wie Stärken und Schwächen, Abneigungen und Vorlieben. Aber nutzen könnt ihr sie natürlich auch anders.<br />
<span style="font-weight: bold;" class="mycode_b">Steckbriefboxen 5 bis 7:</span> sind Textboxen, deren Überschriften ihr frei auswählen könnt. Diese gehen über die gesamte Breite und eignen sich daher gut für ausschweifende Texte wie Charakter oder Lebenslauf.<br />
<span style="font-weight: bold;" class="mycode_b">Pinterest Sidebar:</span>  Hier kannst du den Link zu deiner Pinterest Wand eingeben und sie wird an der Seite angezeigt. Bitte nicht mit dem Profilbild kombinieren, es könnte sein dass dann das ganze Forum explodiert!<br />
<br />
Generell erlaubt sind HTML und BBCode.<br />
<br />
Falls ihr mehr Boxen benötigt, wisst ihr glaube ich schon, wen ihr belästigen müsst <img src="https://opposites-attract.net/images/smilies/051/051-smirking.png" alt="smirking" title="smirking" class="smilie smilie_26" onclick="&#36;.markItUp({target:markitup_instance,replaceWith:''});&#36;.modal.close()" /> (Fey, wenn du es nicht erraten hast)<br />
<br />
<h2>Boxen scrollbar machen</h2><br />
<br />
Manche mögen es, andere nicht - hier kannst du deiner ganz eigenen Vorliebe frönen und die Boxen scrollbar machen, oder eben auch nicht. Der Code dafür lautet:<br />
<br />
<div class="codeblock"><div class="title">Code:</div><div class="body" dir="ltr"><code>&lt;div style="height: 250px; overflow: auto; padding-right: 5px;"&gt;Dein Text&lt;/div&gt;</code></div></div><br />
Die 250 kannst du durch eine beliebige Zahl ersetzen und die Höhe variieren. <br />
<br />
<h1>Steckbrief für dich anpassen</h1><br />
Ganz einfach: Was du ausfüllst wird angezeigt, der Rest nicht. Aber damit du dir vorstellen kannst, was du damit alles machen kannst folgen noch ein paar Beispiele.<br />
<br />
<h2>Nur Text</h2><br />
<br />
<div style="text-align: center;" class="mycode_align"><a href ="https://opposites-attract.net/images/stecki/BewerbungText.PNG"><img src="https://opposites-attract.net/images/stecki/BewerbungText.PNG" style="width: 400px;" target="_blank"><br />
Zum Vergrößern anklicken</a></div>
<br />
<h2>Text mit Profilbanner</h2><br />
<br />
<div style="text-align: center;" class="mycode_align"><a href ="https://opposites-attract.net/images/stecki/BewerbungBanner.PNG"><img src="https://opposites-attract.net/images/stecki/BewerbungBanner.PNG" style="width: 400px;" target="_blank"><br />
Zum Vergrößern anklicken</a></div>
<br />
<h2>Text mit Profilbild</h2><br />
<br />
<div style="text-align: center;" class="mycode_align"><a href ="https://opposites-attract.net/images/stecki/BewerbungProfilbild.PNG"><img src="https://opposites-attract.net/images/stecki/BewerbungProfilbild.PNG" style="width: 400px;" target="_blank"><br />
Zum Vergrößern anklicken</a></div>
<br />
<h2>Text ausgewählte Steckbriefboxen</h2><br />
<br />
<div style="text-align: center;" class="mycode_align"><a href ="https://opposites-attract.net/images/stecki/BewerbungCustom.PNG"><img src="https://opposites-attract.net/images/stecki/BewerbungCustom.PNG" style="width: 400px;" target="_blank"><br />
Zum Vergrößern anklicken</a></div>
<br />
<h2>Text mit pinterest Sidebar</h2><br />
<br />
<div style="text-align: center;" class="mycode_align"><a href ="https://opposites-attract.net/images/stecki/BewerbungPinterestSeite.PNG"><img src="https://opposites-attract.net/images/stecki/BewerbungPinterestSeite.PNG" style="width: 400px;" target="_blank"><br />
Zum Vergrößern anklicken</a></div>
<br />
<h1>Font Awesome</h1><br />
Ja, das Thema Font Awesome hat seine ganze eigene Rubrik verdient. Dank nyx wahnsinniger Großzügigkeit könnt ihr aus einer großen Auswahl an verschiedenen Icons auswählen, die ihr mit in eure Steckbriefe einfügen könnt: <a href="https://fontawesome.com/icons?d=gallery" target="_blank" rel="noopener" class="mycode_url">Font Awesome Icons</a>. Ihr seid nicht nur auf die freien beschränkt, sondern könnt euch auch an den Pro Icons bedienen. Dabei klickt ihr auf das Icon das ihr wollt und kopiert euch folgenden Code heraus:<br />
<br />
<div class="codeblock"><div class="title">Code:</div><div class="body" dir="ltr"><code>&lt;i class="fal fa-unicorn"&gt;&lt;/i&gt;</code></div></div><br />
In Textform könnte es dann so aussehen: <br />
<br />
<i class="fal fa-unicorn"></i> Dieser Charakter liebt Einhörner so sehr, dass er sie an die Wand gemalt hat.<br />
<br />
<h1>Die Wunder des HTML</h1><br />
Letztlich ist eine Box auch nur eine Box und ihr könnt sie mit wundervollen Dingen füttern. Das beste Beispiel ist euer eigener Steckbriefcode oder ein Template aus den entsprechenden Foren.<br />
<br />
Wenn ihr HTML einbinden wollt empfehlen wir euch die Steckbriefboxen 5 bis 7, da diese über die gesamte Breite gehen.<br />
<br />
Generell raten wir euch, wenn ihr etwas Größeres mit HTML einbindet, folgenden Code drumrum zu legen, damit es zentriert wird:<br />
<br />
<div class="codeblock"><div class="title">Code:</div><div class="body" dir="ltr"><code>&lt;center&gt;Euer Code&lt;/center&gt;</code></div></div><br />
<h2>Steckbriefcode</h2><br />
<br />
<div style="text-align: center;" class="mycode_align"><a href ="https://opposites-attract.net/images/stecki/BewerbungCode.PNG"><img src="https://opposites-attract.net/images/stecki/BewerbungCode.PNG" style="width: 400px;" target="_blank"><br />
Zum Vergrößern anklicken</a></div>
[Beispiel von <a href="https://storming-gates.de/showthread.php?tid=1000747" target="_blank" rel="noopener" class="mycode_url">Jana</a>]<br />
<br />
<h2>Pinterest</h2><br />
<br />
<div style="text-align: center;" class="mycode_align"><a href ="https://opposites-attract.net/images/stecki/BewerbungPinterest.PNG"><img src="https://opposites-attract.net/images/stecki/BewerbungPinterest.PNG" style="width: 400px;" target="_blank"><br />
Zum Vergrößern anklicken</a></div>
Euch hält jetzt nichts mehr davon ab, auch Pinterest einzubinden <img src="https://opposites-attract.net/images/smilies/heart.png" alt="Heart" title="Heart" class="smilie smilie_16" onclick="&#36;.markItUp({target:markitup_instance,replaceWith:''});&#36;.modal.close()" /><br />
Das HTML erzeugt ihr hier: <a href="https://developers.pinterest.com/tools/widget-builder/?type=board&amp;boardHeight=240&amp;boardWidth=400&amp;imageWidth=80&amp;template=square" target="_blank" rel="noopener" class="mycode_url">Pinterest Erläuterung</a><br />
<br />
<h2>YouTube</h2><br />
<br />
<div style="text-align: center;" class="mycode_align"><a href ="https://opposites-attract.net/images/stecki/BewerbungYouTube.PNG"><img src="https://opposites-attract.net/images/stecki/BewerbungYouTube.PNG" style="width: 400px;" target="_blank"><br />
Zum Vergrößern anklicken</a></div>
Auch Videos könntet ihr einbetten. <a href="https://support.google.com/youtube/answer/171780?hl=de" target="_blank" rel="noopener" class="mycode_url">Google erklärt das gerne</a>.<br />
<br />
Letztendlich bleiben eurer Kreativität nur wenige Grenzen übrig, außer die, die Fey euch gesetzt hat.]]></description>
			<content:encoded><![CDATA[<h1>Bewerbung erstellen</h1><br />
<br />
Du hast dich durchgeklickt, mühsam alle Informationen zusammen gesammelt, dein Avatar verteidigt und möchtest jetzt endlich los legen und deine Bewerbung schreiben. <span style="font-weight: bold;" class="mycode_b">Super simpel!</span> behauptet Fey, aber sie hat auch das Ganze verbockt. Das Wichtigste zuerst: <span style="font-weight: bold;" class="mycode_b">Unsere Steckbriefe werden im UserCP geschrieben und für Angemeldete im Profil angezeigt</span>. Aber weil wir maximale Flexibilität lieben, haben wir uns bemüht, euch diese auch zu liefern.<br />
<br />
<h2>Das UserCP</h2><br />
<br />
In eurem UserCP solltet ihr folgende schöne Links finden:<br />
<br />
<div style="text-align: center;" class="mycode_align"><a href ="https://opposites-attract.net/images/stecki/BewerbungUserCP.png"><img src="https://opposites-attract.net/images/stecki/BewerbungUserCP.png" style="width: 400px;" target="_blank"><br />
Zum Vergrößern anklicken</a></div>
<br />
Den <span style="font-weight: bold;" class="mycode_b">Reiter Allgemeines</span> dürft ihr bis zum Feld Kurzbeschreibung komplett ausfüllen, darauf werden wir immer Wert legen, da die Informationen auch überall im Forum angezeigt werden. Führt also kein Weg dran vorbei. Icon und das Kreativfeld dagegen sind vollkommen optional.<br />
<br />
Viel Interessanter ist aber der <span style="font-weight: bold;" class="mycode_b">Reiter Steckbrief</span>. Dort findet ihr allerlei optionale Felder, mit denen ihr euren Steckbrief gestalten könnt.<br />
<br />
<h2>Dein neuer bester Freund: Zeilenbruch br</h2><br />
Solange Fey (die schon wieder!) keine bessere Lösung hat, wird der manuelle Zeilenbruch euer bester Freund. Wir empfehlen ihn euch sogar großzügig einzusetzen, damit man eure Texte gut lesen kann. <br />
<br />
Wenn ihr also einen Zeilenbruch herbei führen wollt, kopiert euch diesen Code an die entsprechende Stelle:<br />
<div class="codeblock"><div class="title">Code:</div><div class="body" dir="ltr"><code>&lt;br /&gt;</code></div></div><br />
Wenn ihr gleich einen ganze Absatz generieren wollt, kopiert euch diesen Code an die entsprechende Stelle:<br />
<div class="codeblock"><div class="title">Code:</div><div class="body" dir="ltr"><code>&lt;br /&gt;&lt;br /&gt;</code></div></div><br />
<h1>Der Steckbrief</h1><br />
<br />
Hüüülfe! Das sind ja wirklich viele nichtssagende Felder! <br />
Anstatt euch vorzugeben, was ihr alles eintragen müsst, könnt ihr euch gestalterisch selbst austoben. Und weil ein Bild mehr als Tausend Worte aussagt, hier eine Übersicht über alle Felder:<br />
<br />
<div style="text-align: center;" class="mycode_align"><a href ="https://opposites-attract.net/images/stecki/BewerbungAlle.PNG"><img src="https://opposites-attract.net/images/stecki/BewerbungAlle.PNG" style="width: 400px;" target="_blank"><br />
Zum Vergrößern anklicken</a></div>
<br />
<h3>Es gilt: Alles kann, nichts muss!</h3><br />
<br />
<span style="font-weight: bold;" class="mycode_b">Profilbanner:</span> wird über den Steckbriefboxen angezeigt und muss 800px breit sein. Die Höhe ist euch überlassen, wir empfehlen eine Höhe von etwa 200 bis 250 Pixel. Hier kann man nur einen Link eintragen.<br />
<span style="font-weight: bold;" class="mycode_b">Profilbild:</span> wird neben den Steckbriefboxen angezeigt und muss 200px breit sein. Die Höhe ist euch überlassen, wir empfehlen mindestens eine Höhe von 400 Pixeln. Hier kann man nur einen Link eintragen.<br />
<span style="font-weight: bold;" class="mycode_b">Steckbriefboxen 1 bis 4:</span> sind Textboxen, deren Überschriften ihr frei auswählen könnt. Dabei liegen immer zwei Boxen zu 50% nebeneinander. Ihr solltet immer beide nebeneinander liegenden Boxen ausfüllen, weil es sonst komisch aussieht. Besonders geeignet natürlich für so Aufzählungen wie Stärken und Schwächen, Abneigungen und Vorlieben. Aber nutzen könnt ihr sie natürlich auch anders.<br />
<span style="font-weight: bold;" class="mycode_b">Steckbriefboxen 5 bis 7:</span> sind Textboxen, deren Überschriften ihr frei auswählen könnt. Diese gehen über die gesamte Breite und eignen sich daher gut für ausschweifende Texte wie Charakter oder Lebenslauf.<br />
<span style="font-weight: bold;" class="mycode_b">Pinterest Sidebar:</span>  Hier kannst du den Link zu deiner Pinterest Wand eingeben und sie wird an der Seite angezeigt. Bitte nicht mit dem Profilbild kombinieren, es könnte sein dass dann das ganze Forum explodiert!<br />
<br />
Generell erlaubt sind HTML und BBCode.<br />
<br />
Falls ihr mehr Boxen benötigt, wisst ihr glaube ich schon, wen ihr belästigen müsst <img src="https://opposites-attract.net/images/smilies/051/051-smirking.png" alt="smirking" title="smirking" class="smilie smilie_26" onclick="&#36;.markItUp({target:markitup_instance,replaceWith:''});&#36;.modal.close()" /> (Fey, wenn du es nicht erraten hast)<br />
<br />
<h2>Boxen scrollbar machen</h2><br />
<br />
Manche mögen es, andere nicht - hier kannst du deiner ganz eigenen Vorliebe frönen und die Boxen scrollbar machen, oder eben auch nicht. Der Code dafür lautet:<br />
<br />
<div class="codeblock"><div class="title">Code:</div><div class="body" dir="ltr"><code>&lt;div style="height: 250px; overflow: auto; padding-right: 5px;"&gt;Dein Text&lt;/div&gt;</code></div></div><br />
Die 250 kannst du durch eine beliebige Zahl ersetzen und die Höhe variieren. <br />
<br />
<h1>Steckbrief für dich anpassen</h1><br />
Ganz einfach: Was du ausfüllst wird angezeigt, der Rest nicht. Aber damit du dir vorstellen kannst, was du damit alles machen kannst folgen noch ein paar Beispiele.<br />
<br />
<h2>Nur Text</h2><br />
<br />
<div style="text-align: center;" class="mycode_align"><a href ="https://opposites-attract.net/images/stecki/BewerbungText.PNG"><img src="https://opposites-attract.net/images/stecki/BewerbungText.PNG" style="width: 400px;" target="_blank"><br />
Zum Vergrößern anklicken</a></div>
<br />
<h2>Text mit Profilbanner</h2><br />
<br />
<div style="text-align: center;" class="mycode_align"><a href ="https://opposites-attract.net/images/stecki/BewerbungBanner.PNG"><img src="https://opposites-attract.net/images/stecki/BewerbungBanner.PNG" style="width: 400px;" target="_blank"><br />
Zum Vergrößern anklicken</a></div>
<br />
<h2>Text mit Profilbild</h2><br />
<br />
<div style="text-align: center;" class="mycode_align"><a href ="https://opposites-attract.net/images/stecki/BewerbungProfilbild.PNG"><img src="https://opposites-attract.net/images/stecki/BewerbungProfilbild.PNG" style="width: 400px;" target="_blank"><br />
Zum Vergrößern anklicken</a></div>
<br />
<h2>Text ausgewählte Steckbriefboxen</h2><br />
<br />
<div style="text-align: center;" class="mycode_align"><a href ="https://opposites-attract.net/images/stecki/BewerbungCustom.PNG"><img src="https://opposites-attract.net/images/stecki/BewerbungCustom.PNG" style="width: 400px;" target="_blank"><br />
Zum Vergrößern anklicken</a></div>
<br />
<h2>Text mit pinterest Sidebar</h2><br />
<br />
<div style="text-align: center;" class="mycode_align"><a href ="https://opposites-attract.net/images/stecki/BewerbungPinterestSeite.PNG"><img src="https://opposites-attract.net/images/stecki/BewerbungPinterestSeite.PNG" style="width: 400px;" target="_blank"><br />
Zum Vergrößern anklicken</a></div>
<br />
<h1>Font Awesome</h1><br />
Ja, das Thema Font Awesome hat seine ganze eigene Rubrik verdient. Dank nyx wahnsinniger Großzügigkeit könnt ihr aus einer großen Auswahl an verschiedenen Icons auswählen, die ihr mit in eure Steckbriefe einfügen könnt: <a href="https://fontawesome.com/icons?d=gallery" target="_blank" rel="noopener" class="mycode_url">Font Awesome Icons</a>. Ihr seid nicht nur auf die freien beschränkt, sondern könnt euch auch an den Pro Icons bedienen. Dabei klickt ihr auf das Icon das ihr wollt und kopiert euch folgenden Code heraus:<br />
<br />
<div class="codeblock"><div class="title">Code:</div><div class="body" dir="ltr"><code>&lt;i class="fal fa-unicorn"&gt;&lt;/i&gt;</code></div></div><br />
In Textform könnte es dann so aussehen: <br />
<br />
<i class="fal fa-unicorn"></i> Dieser Charakter liebt Einhörner so sehr, dass er sie an die Wand gemalt hat.<br />
<br />
<h1>Die Wunder des HTML</h1><br />
Letztlich ist eine Box auch nur eine Box und ihr könnt sie mit wundervollen Dingen füttern. Das beste Beispiel ist euer eigener Steckbriefcode oder ein Template aus den entsprechenden Foren.<br />
<br />
Wenn ihr HTML einbinden wollt empfehlen wir euch die Steckbriefboxen 5 bis 7, da diese über die gesamte Breite gehen.<br />
<br />
Generell raten wir euch, wenn ihr etwas Größeres mit HTML einbindet, folgenden Code drumrum zu legen, damit es zentriert wird:<br />
<br />
<div class="codeblock"><div class="title">Code:</div><div class="body" dir="ltr"><code>&lt;center&gt;Euer Code&lt;/center&gt;</code></div></div><br />
<h2>Steckbriefcode</h2><br />
<br />
<div style="text-align: center;" class="mycode_align"><a href ="https://opposites-attract.net/images/stecki/BewerbungCode.PNG"><img src="https://opposites-attract.net/images/stecki/BewerbungCode.PNG" style="width: 400px;" target="_blank"><br />
Zum Vergrößern anklicken</a></div>
[Beispiel von <a href="https://storming-gates.de/showthread.php?tid=1000747" target="_blank" rel="noopener" class="mycode_url">Jana</a>]<br />
<br />
<h2>Pinterest</h2><br />
<br />
<div style="text-align: center;" class="mycode_align"><a href ="https://opposites-attract.net/images/stecki/BewerbungPinterest.PNG"><img src="https://opposites-attract.net/images/stecki/BewerbungPinterest.PNG" style="width: 400px;" target="_blank"><br />
Zum Vergrößern anklicken</a></div>
Euch hält jetzt nichts mehr davon ab, auch Pinterest einzubinden <img src="https://opposites-attract.net/images/smilies/heart.png" alt="Heart" title="Heart" class="smilie smilie_16" onclick="&#36;.markItUp({target:markitup_instance,replaceWith:''});&#36;.modal.close()" /><br />
Das HTML erzeugt ihr hier: <a href="https://developers.pinterest.com/tools/widget-builder/?type=board&amp;boardHeight=240&amp;boardWidth=400&amp;imageWidth=80&amp;template=square" target="_blank" rel="noopener" class="mycode_url">Pinterest Erläuterung</a><br />
<br />
<h2>YouTube</h2><br />
<br />
<div style="text-align: center;" class="mycode_align"><a href ="https://opposites-attract.net/images/stecki/BewerbungYouTube.PNG"><img src="https://opposites-attract.net/images/stecki/BewerbungYouTube.PNG" style="width: 400px;" target="_blank"><br />
Zum Vergrößern anklicken</a></div>
Auch Videos könntet ihr einbetten. <a href="https://support.google.com/youtube/answer/171780?hl=de" target="_blank" rel="noopener" class="mycode_url">Google erklärt das gerne</a>.<br />
<br />
Letztendlich bleiben eurer Kreativität nur wenige Grenzen übrig, außer die, die Fey euch gesetzt hat.]]></content:encoded>
		</item>
	</channel>
</rss>