tr:nth-child(even) {
background-color: #FD9D5D;
}
tr:nth-child(odd) {
background-color: #C0F390;
}
Kategorie: CSS
-
Alternierende Zeilenfarben
-
CSS3 • text-shadow • Schatten | mediaevent.de
div { text-shadow: 3px 3px 4px #777 } ^ ^ ^ ^ ^ | | | | | | | | | + - Schattenfarbe | | | | | | | + - Verlaufs-Radius des Schattens | | | | | + - Vertikaler Versatz | | | + - Horizontaler Versatz | +- CSS3-Eigenschaft text-shadow -
CSS | Conditional Rules – GeeksforGeeks
A Computer Science portal for geeks. It contains well written, well thought and well explained computer science and programming articles, quizzes and practice/competitive programming/company interview Questions.
-
Attributselektoren – CSS | MDN
Attributselektoren wählen Elemente anhand des Vorhandenseins oder Wertes eines Attributs aus.
Quelle: Attributselektoren – CSS | MDN
-
:nth-of-type(N) (CSS selector) – SitePoint
:nth-of-type(N) (CSS selector)
-
CSS 3D Transforms
Back in 2009, the WebKit development team proposed a new extension to CSS that would allow Web page elements to be displayed and transformed on a three-dimensional plane. This proposal was called 3D Transforms, and it was soon implemented in Safari for Mac and iOS. About a year later, support followed for Chrome, and early in 2011, for Android. Outside of WebKit, however, none of the other browser makers seemed to show much enthusiasm for it, so it’s remained a fairly niche and underused feature.
That’s set to change, though, as the Firefox and Internet Explorer teams have decided to join the party by implementing 3D Transforms in pre-release versions of their browsers. So, if all goes according to plan, we’ll see them in IE 10 and a near-future version of Firefox (possibly 10 or 11, but that’s not confirmed yet), both of which are slated for release sometime this year. (mehr …)
-
Facebook-Likebox ohne Plugin in WordPress-Site einbauen
Erst muss direkt nach dem Öffnen des <body>-Tags das JavaScript SDK von Facebook eingebaut werden – es bietet eine Vielzahl clientseitiger Funktionalitäten, die für den Zugriff auf serverseitige Facebook-API-Aufrufe gebraucht werden. Das Skript kann man über einen Hook einbauen, im Thematic-Framework geht das über diese Funktion, die in die functions.php des (Child-)Themes kommt:
[php]add_action(‚thematic_before‘, ‚fb_code‘);
function fb_code() { ?>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/de_DE/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, ’script‘, ‚facebook-jssdk‘));</script>
<?php }[/php]Dann geht es zur Facebook-ntwickler-Site, wo es Widget-Generatoren für allerlei Zwecke gibt. Wir generieren uns eine Like-Box. Die Chose ist selbsterklärend, hier geht es lang:
developers.facebook.com/docs/reference/plugins/lik…
Den erhaltenen Code übergeben wir in WordPress an ein einfachens Textwidget, das wir dor einbauen, wo wir die Like-Box sehen wollen. Ach ja: um das Widget-div von Facebook gehört ein zweites div, mit dem wir den unschönen Footer des Widgts maskieren können. Das könnte dann so aussehen:
[html]<div class="facebook-kasten">
<div
class="fb-like-box"
style="margin:-3px 0 0 -1px"
data-href="www.facebook.com/hansjoachim.heist"
data-height="250"
data-width="190"
data-show-faces="true"
data-stream="false"
data-header="false">
</div>
</div>[/html]Wir geben diesem div-Behälter die klasse .facebook-kasten mit und formatieren ihn in der Theme-CSS, etwa so:
[css].facebook-kasten {
position:relative;
left:-2px;border:1px solid #3B5998!important;
background-color:#F5F5F5;
width:180px;
max-height:220px;
margin-bottom:20px;
overflow:hidden
}[/css] -
Css-Animationen
[Browsershot url=“http://www.netmagazine.com/tutorials/masterclass-css-animations“ width=“620″]
