StrawberryHearts
Würden Sie gerne auf diese Nachricht reagieren? Erstellen Sie einen Account in wenigen Klicks oder loggen Sie sich ein, um fortzufahren.


Unsere Commiunity freut sich, euch Mangaverrückte, niedlichkeitswahnsinnigen Süßen, bei uns willkommen heißen zu dürfen!
 
StartseiteNeueste BilderSuchenAnmeldenLogin
Login
Benutzername:
Passwort:
Bei jedem Besuch automatisch einloggen: 
:: Ich habe mein Passwort vergessen!
Neueste Themen
» Tierohren selber machen
Steckbriefgestaltung! (Code und Erleuterung) EmptyMo Nov 17, 2014 4:17 pm von Alice-chan

» Connichi *-*
Steckbriefgestaltung! (Code und Erleuterung) EmptyDo Sep 11, 2014 5:47 pm von Shizu-Chan

» ADEKAN (BESTER MANGA) xD
Steckbriefgestaltung! (Code und Erleuterung) EmptySa Sep 06, 2014 7:03 pm von Shizu-Chan

» Essen oder Nicht Essen ?
Steckbriefgestaltung! (Code und Erleuterung) EmptyMi Jul 02, 2014 11:59 pm von Ahri

» Schule, Schule .....SCHULE!?!?!
Steckbriefgestaltung! (Code und Erleuterung) EmptyMi Jul 02, 2014 11:51 pm von Ahri

» Dawn of Arcana
Steckbriefgestaltung! (Code und Erleuterung) EmptySa Jun 28, 2014 3:34 pm von Alice-chan

» Sture kleine Nayu
Steckbriefgestaltung! (Code und Erleuterung) EmptySo Mai 04, 2014 10:45 am von Schattenpuppe

» Nozomi - Die Hoffnung
Steckbriefgestaltung! (Code und Erleuterung) EmptySa März 22, 2014 10:30 am von Shizu-Chan

» Cosplay ~ Kosten ?
Steckbriefgestaltung! (Code und Erleuterung) EmptyFr Feb 14, 2014 3:33 pm von Alice-chan

Die aktivsten Beitragsschreiber
Schattenpuppe
Steckbriefgestaltung! (Code und Erleuterung) Vote_lcapSteckbriefgestaltung! (Code und Erleuterung) Voting_barSteckbriefgestaltung! (Code und Erleuterung) Vote_rcap 
Shizu-Chan
Steckbriefgestaltung! (Code und Erleuterung) Vote_lcapSteckbriefgestaltung! (Code und Erleuterung) Voting_barSteckbriefgestaltung! (Code und Erleuterung) Vote_rcap 
Alice-chan
Steckbriefgestaltung! (Code und Erleuterung) Vote_lcapSteckbriefgestaltung! (Code und Erleuterung) Voting_barSteckbriefgestaltung! (Code und Erleuterung) Vote_rcap 
Ahri
Steckbriefgestaltung! (Code und Erleuterung) Vote_lcapSteckbriefgestaltung! (Code und Erleuterung) Voting_barSteckbriefgestaltung! (Code und Erleuterung) Vote_rcap 
Miku-Chan
Steckbriefgestaltung! (Code und Erleuterung) Vote_lcapSteckbriefgestaltung! (Code und Erleuterung) Voting_barSteckbriefgestaltung! (Code und Erleuterung) Vote_rcap 
Norimaki-San
Steckbriefgestaltung! (Code und Erleuterung) Vote_lcapSteckbriefgestaltung! (Code und Erleuterung) Voting_barSteckbriefgestaltung! (Code und Erleuterung) Vote_rcap 
Mandaly
Steckbriefgestaltung! (Code und Erleuterung) Vote_lcapSteckbriefgestaltung! (Code und Erleuterung) Voting_barSteckbriefgestaltung! (Code und Erleuterung) Vote_rcap 
Wer ist online?
Insgesamt sind 3 Benutzer online: 0 Angemeldete, kein Unsichtbarer und 3 Gäste

Keine

Der Rekord liegt bei 40 Benutzern am Mi Sep 18, 2013 2:41 pm

 

 Steckbriefgestaltung! (Code und Erleuterung)

Nach unten 
AutorNachricht
Schattenpuppe
~ Sweet Berry ~
Schattenpuppe


Anzahl der Beiträge : 110
Anmeldedatum : 07.09.13
Alter : 24
Wohnort : Zuckerwattenflauschiland -^^-

Steckbriefgestaltung! (Code und Erleuterung) Empty
BeitragThema: Steckbriefgestaltung! (Code und Erleuterung)   Steckbriefgestaltung! (Code und Erleuterung) EmptyDi Sep 24, 2013 8:02 pm

Pink Diamonds  H a l l o ,   i h r    L i e b e n Pink Diamonds  
Hier möchte ich euch erklären wie man das Aussehen
eines Steckbriefes beliebig anpassen kann. 
Es handelt sich hierbei allerdings vorerst um einen sehr einfachen Code später werde ich noch versuchen einen komplexeren hin zu zufügen und zu erklären, der sich weiterer gestalten lässt als der folgende : )
Zuerst ist hier mal das Aussehen unseres Steckbirefes



B e r r y s   S t e c k b r i e f



A l l g e m e i n e s

Username: Dein Name
Name: Name des Charakters
Größe: Größe des Charakters
Geschlecht:
Alter:
Haar:
Aussehen:
Bild: Nicht verpflichtend
Sonstiges:

C h a r a k t e r

Charakter:
Stärken:
Schwächen:
Familie:
Vergangenheit:
Mag: Vorlieben?
Mag nicht: Abneigungen?
Sonstiges: ---
Der Code:


OK, für all die die keine Ahnung von all den Zeichen, die oft sehr irreführend sein können :I haben, erkläre ich hier die Bedeutung all dieser Zeichen.

L e g e n d e


Code:
<link href='' type='text/css'><link href='LINK'



Dieser Text ist der aller erste der in dem Codeabteil ganz oben, also Berrys Steckbrief, zu sehen ist. Zwischen die Zeichen 'LINK' fügt ihr einen Link zu einer Schriftart ein, damit diese verwendet wird.
PS: Schriftarten könnt ihr auf Seiten wie zum Beispiel Dafont.com gratis herunterladen die euch dann für alle Programme offen zur Verfügung stehen.

color: #ffffff

Ich glaube jeder weiß, dass dieses eine Wort bedeutet, Farbe.
Mit diesem Code könnt ihr ganz einfach die Farbe der Schrift und des Strichs dahinter ändern.
Woher ihr die Farbenzeichen herbekommt(zB #ffffff, #000000,..)?
Ganz einfach, bei zum Beispiel GIMP, Photoshop oder sonstigen Programmen bei denen ihr Farben für Schriften, Pinsel, enc. ändern könnt. Kopiert einfach den Code und fügt ihn hinter colour: ein.

font-size: 50px; border-bottom: 20px solid #d36898; font-family: ''; ">
B e r r y s   S t e c k b r i e f

mit font-size ganz zu Begin dieses Codes, könnt ihr die Größe der Überschrift ändern.
Mit border-buttom: -px solid #------
Könnt ihr die Pixel(px) also die Größe des Striches angeben und ihn dann mit dem colour: Code beliebig färben.
Und dort wo hier B e r r y s   S t e c k b r i e f steht, könnt ihr irgendetwas reintippseln und das wird dann als Überschrift vor dem Strich angezeigt : )

Kommen wir nun zum eigentlichen Steckbrief(dies war ja nur die allgemeine Überschrift)

Dieser ist eigentlih genau so aufgebaut wie der Überschriftscode. Er sieht genau so aus und so heißt dass das ihr einfach Schriftart, Farbe, Größe enc. ändern könnt wie beim Vorherigen.
Setzt nur noch unten die Fragen ein. Hüsch sieht es aus wenn ihr diese fett macht. Die Antaworten sind dann dünn und so wird der Steckbrief übersichtlicher(Nur kleiner Tipp am Rande Wink).
Umgefähr so:
Alter: 14
Geschlecht: männlich
Charakter: hitzig, stur, mürrisch,...

Nuuuun, dass war im Grunde der ganze Glou dieses einfachen Steckbriefs ;D Einfach, oder? Wie gesagt, ich werde noch versuchen einen komplexeren hinzufügen nud erklären enc. bis dahin müsst ihr euch halt noch etwas gedulden ;D

Küsschen, Berry


Pink Diamonds  Pink Diamonds  Pink Diamonds  
Nach oben Nach unten
https://strawberryhearts.forumieren.net
 
Steckbriefgestaltung! (Code und Erleuterung)
Nach oben 
Seite 1 von 1

Befugnisse in diesem ForumSie können in diesem Forum nicht antworten
StrawberryHearts :: ~ Webdesign und mehr ~ :: HTML und CSS ~ :: FAQ und Erklärungen ~-
Gehe zu: