Sylinchen's Blog

April 13th, 2016
Anime Relations: Gintama
// by Griff-ith




// by zenshiki




// by Shuuka
Posted by Sylinchen | Apr 13, 11:53 PM | 0 comments
February 8th, 2016
Only books that I've already completed are listed here. You can find the books that I'm still reading on my Profile or on: http://www.lovelybooks.de/mitglied/Sylinchen
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
「 Book series 」
The Black Magician trilogy Trudi Canavan completed


Night School series C. J. Daugherty completed


Lux series Jennifer L. Armentrout completed


The Dark Elements Jennifer L. Armentrout not completed


The Shadow Falls series C.C. Hunter completed


The Arkadien Trilogy Kai Meyer completed


The Silver Trilogy Kerstin Gier completed


Die schwarze Lord-Reihe Andrea Mertz completed


Mythos Academy Series Jennifer Estep completed


Forgiving Lies Molly McAdams not completed


The Iron Fey Saga Julie Kagawa not completed


The Talon Saga Julie Kagawa not completed


Blood of Eden Julie Kagawa not completed


Legend Marie Lu not completed


Hush, Hush Saga Becca Fitzpatrick completed


The Lunar Chronicles Marissa Meyer not completed


Red Queen Victoria Aveyard not completed


Benedicts Joss Stirling not completed


The Mortal Instruments Cassandra Clare not completed


The Infernal Devices Cassandra Clare completed


An Ember in the Ashes Sabaa Tahir not completed


Sense Thieves Corrine Jackson not completed


Indigo und Jade Britta Strauß not completed


Throne of Glass Sarah J. Maas not completed


Vampire Academy Richelle Mead not completed


The Lone City Amy Ewing not completed


The Worldwalker Trilogy Josephine Angelini not completed


The Demon Trappers Jana Oliver not completed


After series Anna Todd not completed


House of Night series P.C. Cast not completed


Hex Hall Trilogy Rachel Hawkins not completed


Kirschroter Sommer Carina Bartsch completed


The Witch Hunter series Virginia Boecker not completed


Dark Canopy Jennifer Benkau not completed


Perfect Chemistry Trilogy Simone Elkeles not completed


The Embrace series Jessica Shirvington not completed


Falling Kingdoms series Morgan Rhodes not completed


Maya und Domenico Susanne Wittpennig not completed


The Heartbreak-Family Deniz Selek not completed


Immer wieder.... Don Both not completed


Graceling Realm series Kristin Cashore not completed


Scarred Souls Tillie Cole not completed


Verdammt-Reihe Simona Dobrescu not completed


Avalon series Marion Zimmer Bradley not completed


- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
「 Single Volume 」

Anima Kim Kestner


Confess Colleen Hoover


Light & Darkness Laura Kneidl


Faunblut Nina Blazon


Wenn du dich traust Kira Gembri


The Winter King C.L. Wilson


Whispers Lisa Jackson


Thirteen Reasons Why Jay Asher


The Boy Who Granted Dreams Luca Di Fulvio


Der Kuss des Kjer // Der Spiegel von Feuer und Eis Lynn Raven


Birds Without Wings // Corelli's Mandolin Louis de Bernières
Posted by Sylinchen | Feb 8, 3:16 AM | 0 comments
August 14th, 2015
Posted by Sylinchen | Aug 14, 2015 2:13 AM | 0 comments
June 22nd, 2012




Posted by Sylinchen | Jun 22, 2012 3:27 AM | 0 comments
September 11th, 2011




Posted by Sylinchen | Sep 11, 2011 1:07 PM | 0 comments
September 7th, 2011


Vorwort:
In diesem Teil meines Tutorials werde ich euch erklären wie ihr meine Liste (aus Teil 1) farblich und auch grafisch Anpassen könnt. Ich werde aber nicht auf jedes Detail eingehen, solltet ihr trotzdem etwas genauer wissen wollen dann fragt hier einfach nach.

Vorab: Für die grafische Anpassung benötigt ihr natürlich ein Grafik-Programm wie Photoshop oder GIMP. Für die AAC-Mitglieder die Photoshop besitzen, habe ich eine PSD-Datei mit in die Zip Datei gelegt die ihr selbstständig Anpassen könnt.

Ich werde mit euch den Code blockweise (nur die relevanten Blöcke) durchgehen und Codeanpassung Grün darstellen. Meine Erklärungen selber werde ich in Violett schreiben.
Für diesen Teil braucht ihr noch kein Grafikprogramm, für die Grafiker unter uns erkläre ich am Schluss noch welche Grafiken sich wo verändern.
Und ganz ganz wichtig: ändert auch wirklich nur mein farblich Grün makierten Code und nichts anderes, außer ihr wisst was ihr da tut!
Für die Farbanpassung könnt ihr diese Seite zur Hilfe nehmen --> http://reif.org/webdesign/hexfarben.php


Block 1.
/*
// Sylinchen's All Anime Club Anime/Mangalist v.1
*/
BODY
{
margin: 0;
color: #b5b5b5; Ändert die Farbe des Textes die keine Links sind: siehe hier
font-size: 12.00px;
font-family: Arial,Verdana,Helvetica,sans-serif;
background-color: #1e1e1e; Ändert die Hintergrundfarbe: siehe hier
background-image: url(http://www.deineurl.de/animelist/bg.png);
background-attachment: fixed;
background-repeat: repeat-y;
background-position: top center;
}

Block 2.
/*
// MAL top
*/

#mal_cs_pic {
display:none;
}

#mal_control_strip{ position:fixed; z-index:100;
background: url(http://www.sylinchen.de/aac/list/top.png) center center !important; }

#mal_control_strip a, #mal_control_strip strong {
color: #b5b5b5; !important; Ändert die Schriftfarbe: siehe hier
filter:alpha(opacity=80); -moz-opacity:0.8; opacity: 0.8;
text-decoration: none !important; }

Block 3.
/*
// All links on your list
*/

a
{
color: #b5b5b5; Ändert die Schriftfarbe der Links: siehe hier
font-size: 12.00px;
font-family: Arial,Verdana,Helvetica,sans-serif;
letter-spacing: 0.5px;
text-shadow: 0px 1px 0px #000000;
text-decoration: none;
}

a:visited
{
color: ;
text-decoration:none ;
}

a:hover
{
color: #FFFFFF; Ändert die Schriftfarbe der Links wenn ihr über sie mit der Maus fahrt: siehe hier
text-decoration:none;
border-bottom: 1px solid #bd2900; Unterstrichfarbe: siehe hier
}

small
{
color: #bd2900; Ändert den kleinsten Text: siehe hier
font-style:italic;
}

Block 4.
/*
// Alternating row color 1
*/

.td1
{

color: ;
border-width: 0.2px ;
border-style:dashed solid; Ändert die Form dieser Linien: siehe hier. Ihr könntet zum Beispiel nur "solid"eingeben wie hier.
border-color: #161616 ; Farbe der Linien, siehe oben.
padding: 2px ;
background-image: url(http://www.sylinchen.de/aac/list/menu.png);
background-repeat: repeat-x;
}

/*
// Alternating row color 2
*/

.td2
{

color: ;
border-width: 0.2px ;
border-style:dashed solid; siehe oben bei "td1"
border-color:#161616 ; siehe oben bei "td1"
padding: 2px;
background-image: url(http://www.sylinchen.de/aac/list/menu.png);
background-repeat: repeat-x;

}

/*
// This represents the "Anime Title", "Score", "# Eps" columns
*/

.table_header
{

color: #fffff ;

border-width: 0.2px ;
border-style:dashed solid; siehe oben bei "td1"
border-color: #161616 ; siehe oben bei "td1"
padding: 2px ;
background-image: url(http://www.sylinchen.de/aac/list/cat.png);
background-repeat: no-repeat;
height: 30px;
}

Block 5.
/*
// headerLink represents the color of the links inside the table_header
*/

.table_headerLink
{
color: #b5b5b5; Ändert die Überschrift der Spalten: siehe hier
font-size: 12.00px;
font-family: Arial,Verdana,Helvetica,sans-serif;
letter-spacing: 0.2px;
text-transform: none;
text-shadow: 0px 1px 0px #000000;

}

Block 6.
/* Which 'status' up top is selected? */

.status_selected
{

color: #FFFFFF;
font-size: 11px ;
font-weight: bold;
text-transform: uppercase;
background-image: url(http://www.sylinchen.de/aac/list/menu1.png);
background-repeat: repeat-x;
height: 30px;
}

.status_selected a
{
color: #FFFFFF; Ändert die Farbe der ausgewählten Liste: siehe hier
padding: 2px;
font-size: 11px ;
font-weight: bold;
text-transform: uppercase;
text-shadow: 0px 1px 0px #252525;
}


.status_not_selected
{

color: #FFFFFF ;
font-size: 11px ;
font-weight: bold;
text-transform: uppercase;
background-image: url(http://www.sylinchen.de/aac/list/cat.png);
background-repeat: repeat-x;
background-position: top center;
height: 30px;
}

.status_not_selected a
{
font-size: 11px ;
text-transform: uppercase;
}

Block 7.
.category_totals
{
text-align: center;
border-width: 0.5px ;
border-style:dashed solid; siehe oben bei Block 4. "td1"
border-color: #161616 ; siehe oben bei Block 4. "td1"
background-image: url(http://www.sylinchen.de/aac/list/cat.png);
background-repeat: no-repeat;
height: 30px;
}

#grand_totals
{
color: #bd2900; Änder die Schriftfarbe: siehe hier
padding-top: 7px;
text-align: center;
background-image: url(http://www.sylinchen.de/aac/list/cat.png);
background-repeat: no-repeat;
height: 30px;
}



So das wärs erstmal! ;)

Und hier der oben genannte Teil für unsere Grafiker:





Ich denke die Bildchen erklären sich von selbst. Ändert ihr zum Beispiel die Datei "cat.png" und ladet sie hoch, verändern sich alle Balken die ich auf dem unteren Bild mit cat.png markiert habe.

Tipp: Haltet am besten die Größen ein, die ich genommen habe für die einzelnen Grafiken, wenn ihr nicht im Code rumfummeln wollt.
Posted by Sylinchen | Sep 7, 2011 4:26 PM | 0 comments