Category Archives: Webdesign

Frisches Theme

Posted on by
4

Es ist wieder so weit – dieser Blog hat von mir ein frisches Theme spendiert bekommen. Aber kein Theme aus der Dose, sondern ein von mir selbst designtes Theme. Irgendwie muss ich mich ja auch vom Abitur-Stress ablenken. Dieses Mal ist es auch nicht so experimentell extravagant, wie mein letzter Versuch.
[starrating]Deine Meinung[/starrating]

Über Kritik oder Fehlermeldungen per Kommentar würde ich mich freuen! Wenn das Theme nämlich perfekt ist, werde ich es zum kostenlosen Download zur Verfügung stellen.

Neues WordPress Theme zum Download

Posted on by
Reply

Nachdem ich das Design für mein eigenen Blog fertiggestellt habe, gibt es nun auch ein anderes WordPress Theme von mir kostenlos zum Download. Und zwar auf meiner Extra-Theme-Seite. Dort kann man ab sofort das Theme “Fallist” für WordPress herrunterladen. In Zukunft wird es wohl auch weitere Themes geben, vorrausgesetzt meine Kreativität bleibt mir erhalten.
Sollte irgendjemand tatsächlich das Theme für seinen Blog benutzen, würde ich mich über eine Nachricht sehr freuen. Kritik ist natürlich auch erwünscht.

Eigenes WordPress Theme

Posted on by
Reply

Bis vor kurzem hatte ich zwar schon ein eigenes WordPress Theme für mein Blog, aber dabei handelte es sich nur um das Almost Spring Theme, bei dem ich lediglich die Farbe und den Stylesheet etwas angepasst hatte. Jetzt habe ich aber endlich ein komplett eigenes Design. Einige Schönheitsfehler sind zwar noch vorhanden, die werde ich aber wohl in den nächsten Tagen beseitigen. Dazu gehört auch die Übersetzung. Leider habe ich das englische Standardtemplate als Ausgangsbasis benutzt.

Vielleicht werde ich sogar weitere Themes erstellen und sie dann veröffentlichen und zum Download bereit stellen. Auf diese Weise lässt sich sicherlich auch noch der eine oder andere Link erhaschen.

CSS Eigenschaften mit Javascript bearbeiten

Posted on by
2

Durch Web2.0 erlebt Javascript ein Revival und dadurch das CSS sowieso ein Trend ist, liegt es nahe beide Techniken zu kombinieren. Das funktioniert auch relativ einfach, jedoch muss man beachten, dass die CSS Eigenschaften in Javascript anders benannt sind und zwar wie folgt:

CSS Eigenschaft Javascript Eigenschaft
background background
background-attachment backgroundAttachment
background-color backgroundColor
background-image backgroundImage
background-position backgroundPosition
background-repeat backgroundRepeat
border border
border-bottom borderBottom
border-bottom-color borderBottomColor
border-bottom-style borderBottomStyle
border-bottom-width borderBottomWidth
border-color borderColor
border-left borderLeft
border-left-color borderLeftColor
border-left-style borderLeftStyle
border-left-width borderLeftWidth
border-right borderRight
border-right-color borderRightColor
border-right-style borderRightStyle
border-right-width borderRightWidth
border-style borderStyle
border-top borderTop
border-top-color borderTopColor
border-top-style borderTopStyle
border-top-width borderTopWidth
border-width borderWidth
clear clear
clip clip
color color
cursor cursor
display display
filter filter
font font
font-family fontFamily
font-size fontSize
font-variant fontVariant
font-weight fontWeight
height height
left left
letter-spacing letterSpacing
line-height lineHeight
list-style listStyle
list-style-image listStyleImage
list-style-position listStylePosition
list-style-type listStyleType
margin margin
margin-bottom marginBottom
margin-left marginLeft
margin-right marginRight
margin-top marginTop
overflow overflow
padding padding
padding-bottom paddingBottom
padding-left paddingLeft
padding-right paddingRight
padding-top paddingTop
page-break-after pageBreakAfter
page-break-before pageBreakBefore
position position
float styleFloat
text-align textAlign
text-decoration textDecoration
text-decoration: blink textDecorationBlink
text-decoration: line-through textDecorationLineThrough
text-decoration: none textDecorationNone
text-decoration: overline textDecorationOverline
text-decoration: underline textDecorationUnderline
text-indent textIndent
text-transform textTransform
top top
vertical-align verticalAlign
visibility visibility
width width
z-index zIndex

Die CSS Eigenschaften behandelt man dann in Javascript wie ganz normale Objekteigenschaften:

objekt.style.csseigenschaft = ‘xy’;
oder zB: document.getElementById(‘table’).style.width = ’100%’;

CSS Design-Wettbewerb

Posted on by
Reply

Dr. Web hat vor kurzen einen CSS Design-Wettbewerb ins Leben gerufen. Dabei ging es um das Design einer Newsletterbox. Die XHTML Datei wurde von Dr. Web vorgegeben und die Teilnehmen mussten dann mit Hilfe von CSS ein möglichst kreatives Design für die Newsletterbox erstellen. Das Verändern des XHTML Codes war dabei nicht erlaubt.

Ich habe natürlich auch teilgenommen, aber leider nur mit sehr geringem Erfolg. Meine CSS-Kenntnisse sind zwar nicht die schlechtesten, trotzdem haben andere Teilnehmer gewonnen und das auch zu recht. Ich bin einfach nicht kreativ genung.

Den Dr. Web Blogeintrag mit den CSS Design-Wettbewerb-Gewinnern gibts hier.