Приложение 7

Кнопки социальных сетей без скрипта.

После <div class='post-footer-line post-footer-line-1'> добавляем:

<div align='center'><a expr:href='"http://twitter.com/home?status=" + data:post.title + ": " + data:post.url' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' rel='nofollow' target='_blank'><img alt='twitter' border='0' height='22' src='http:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT_rQN9IFzxGa4fViOsY1mcWzGPQ-hnWM9hvMlLzOV8HmIkUUnNXa-oZoirucWj5EiUKFA6vkV3rSwvMjPhXavwTSD_4dzGp23MTtv0g670baXZqOqNfFI1pQjpW2wM9AVR1nlMBWXcg8/s1600/tweetn.png' width='55'/></a> <a expr:href='"http://vkontakte.ru/share.php?url=" + data:post.url' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' rel='nofollow' target='_blank'><img alt='В Контакте' border='0' height='21' src='http:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtQ-rYAvuLgnx-XU_7GEZcubK0KwNCfaes36EoaCYSDF_D-yYHhNLMC3PKDrNU8zfQ50TSpC54gPh4egnvYpnx_yTFKqC7vOMwO290UGeQiPNOac2JtwGpXmNAKZYIhYbQOtiCsW9wkOgg/s1600/VKontakte.png' width='88'/></a> <a expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url+ "&title=" + data:post.title' rel='nofollow' target='_blank'><img alt='Facebook' border='0' height='21' src='http:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2OitDZ59l-tmLQ5j0qwFK8wiue0V54cD8x0WJVawCfTBU9rbBXEPLiWSkngcRWMw9UzfKySrvW8PEwqvnRg8lyecqu9-iCAp-2ZGi112u0Upq7TQgVqy2ghAulrIcymVo-OmVKcjAfVQj/s1600/Facebook.png' width='88'/></a> <a expr:href='"http://www.odnoklassniki.ru/dk?st.cmd=addShare&st.s=1&st._surl=" + data:post.url' rel='nofollow' target='_blank'><img alt='Одноклассники' border='0' height='21' src='http://dev.odnoklassniki.ru/wiki/download/attachments/1999826/odkl.png?version=1&modificationDate=1283790218257' width='69'/></a> <a expr:href='"http://connect.mail.ru/share?share_url=" + data:post.url' rel='nofollow' target='_blank'><img alt='Мой Мир' border='0' height='21' src='http:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYRm9Ia9PVeFazIm_33KBYLCXfOJyghPjp7kLt-CvFkiwyN8P7c6ud0eKRbyaIBKgqw6LaahHRd9K9csb7vAUmoUfFjDwO5SI2yx-Ve10b_472gB0d5ZaZDcC8jDDR06YIhGuNAZQM-x6Q/s1600/moi-mir.png' width='86'/></a> <a expr:href='"http://wow.ya.ru/posts_share_link.xml?url="+data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'><img alt='Я.ру' border='0' height='21' src='http:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjw6Pp1bKyhUdVYpEl1fTcaSIbP_DSasU-kPVMAMid8guZj__E7Mai6gBtHPHd5GJDJKZu4xTtYi60PbsQlkqL05jkyulHtnE1oTTYZUO_lLTcqm9l8rErSE0n_MUkaiPbPQlJEKrg3UojH/s1600/Ya-ru.png' width='98'/></a><a expr:href='"https://plus.google.com/share?url=" + data:post.url' style='background: url(http://ssl.gstatic.com/s2/oz/images/stars/po/Publisher/sprite4-a67f741843ffc4220554c34bd01bb0bb.png) no-repeat 0 -720px; width: 33px; height: 20px; display: inline-block;' target='_blank' rel='nofollow'></a></div>

Изображение кнопок, как вы заметили, одинаковой высоты. Данного эффекта можно добиться используя Фотошоп.

Для того, чтобы ссылки открывались в новом окне, в тег a дописываем

expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"'

Например,

<a expr:href='"http://twitter.com/home?status=" + data:post.title + ": " + data:post.url' rel='nofollow' target='_blank' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"'>

В качестве образца я взяла кнопку "Twitter" и "В Контакте".

Дата

Это файл, в котором вы найдёте другие цвета данного фонового изображения для даты.

Изображение в заголовке

Как видите здесь я ничего не меняю:

/* Header
----------------------------------------------- */
.header-outer {
  background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;
  _background-image: none;
}

.Header h1 {
  font: $(header.font);
  color: $(header.text.color);
  text-shadow: $(header.shadow.offset.left) $(header.shadow.offset.top) $(header.shadow.spread) rgba(0, 0, 0, .2);
}

.Header h1 a {
  color: $(header.text.color);
}

.Header .description {
  font-size: $(description.text.size);
  color: $(description.text.color);
}

.header-inner .Header .titlewrapper {
  padding: 22px $(header.padding);
}

.header-inner .Header .descriptionwrapper {
  padding: 0 $(header.padding);
}

А свойство #header {} прописываю тут:

</b:template-skin>

<script type='text/javascript'>
var image=new Array();
image[0]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoqWWnQweP9iWyG-sanr0AoIIE2MqyJYH2yD7agsKErFa2VODxs_3VJq864Jlqj58J50dEkPdBUOIDZY2n8kvPP31mFpSU_g3wqFlvjx9dbptGeecpgj7Pox2WvzGyAS9Qa1VBHRm6hJM/s1600/corenavigation_sls-class_c197_230x200_11-2009.jpg";
image[1]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQ20tGcXg6oAnsul9i7QaWF5ExNelKv4qEa8VSub9QovCH4cZGw4MUfqPpLXxA24H9Q73xTC8uoZIVtfva4r-90DppxSCTmjj4IiRwdE_KbxvX-08mvg65HpZp2Dv8CaJ8fnZEMqeaSRE/s1600/core_navigation_gl-class_x164_230x200_06-2009.jpg";
image[2]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgytOMI7nyveoyWqpsX1Q4rGHkCC-AJes2tkklcBishMrCnxsSDVxrNIzaBbKlm9xMmD3fXf2hyK0Lr8kuJKmjaPVuuC-Q9UtUjo_SgovF0Bfnlpw9KtoucMJCvePKGTJk77HRnNVGAZW8/s1600/Corenavigation_A-Saloon_230x200_04-2008.jpg";
image[3]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZ0ctwfUsdvVMVTrLJO8tUB57XxPyN1lfU0R3OxpwgjyMnz9nW-7qo_iPDL0SUA_xFUQ2pA4Y8SjnAxgfxo9Ze0ygp2WnzOxdeiL5JKWTvITG4s3-DI5RsJBrlKNPgih4_bzTrBD2JUNs/s1600/corenavigation_cl-class_c216_230x200_07-2010.jpg";
image[4]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKvjya8Sh_JLMTAeioaWBb_fJTms9Qb5TUuz_gmHB_0NNyulW2jc2zpdLQ9hDFXyRRmYy9vPFLei2NyxxxWAbcZSyr9O04OMflUm4O5WlHiaPiEoV2IwBHmFiwGcHcD4OnfGBFSA0I8mo/s1600/Corenavigation_CLS-Class_230x200_04-2008.jpg";
image[5]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGbERJWyYSbukreI7OBJe5t7rwWQ9TSa3Br52-kSaZPB9t5nRmjz_TY8ifFBc9CbSpE-nkx5eu0nxLTvGogkXsRU6FjM3UaSThy3ROYxYATl8vsDHF9v22pe3UCnJjEMakesl5k8bf4Iw/s1600/corenavigation_g-cabrio_230x200_06-2008_.jpg";
image[6]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEginWm_C3p9sYk8E8A9YDrkC5RR6shefD32yD65ZAyCsbk4eDEVsHWz94_cTyq4qE1-L-5rCYB0orjZh6nja16T0b6Y2EJSwk_n4bSZPj8IGfxgjRNQ5aZ_l3QFcpXvXVAemvtFEx8vTto/s1600/corenavigation_glk-class_x204_230x200__12-2009.jpg";
image[7]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUKO6sLuegMeBvbQov8ohL4CQYYLNemAj6b75nuyfeIiOdG-d-iVkkCAj8wFSgp_ToxZpmRqkUCBTMvn28SCdUb8y2AM4agCig32vY7u8GHjtW6V2iGNoUdaG6X9DUVGfon7VpJplR0sk/s1600/Corenavigation_M-Class_230x200_04-2008.jpg";
image[8]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNoHS8jdliy3VNHI2Mfywei-4VODsWilO7_KqJkHhI0Oi3r8IEx0zrplfOA2zWHbIUDqmbPN5fr1_7Zs4ac7Pq7xOP1sH5R6PB7MHwmkQOKBVLmE-7LDIRIv-g680quxJRP64xmt4Wm_M/s1600/corenavigation_r-class_wv251_230x200_05-2010.jpg";
image[9]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiXp5utIjHy7nV2QOtwVQ1-mLLXnWy5A7xv0rHcA1PSYZrM6sL2DWWqUBleIDBZ2os9d9mVYBB8Eg_QbQUNEgUVrCatvlsBxuLltx9nnvS0pGmu628IUW_C0VWSl9yWge1kbtoN_9m_U4/s1600/corenavigation_s-class_w221_230x200__06-2009.jpg";
image[10]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzBacjsSVDGdIYDNM6H36VN5vy8FqMx87DB0sIVm9i468W99xyizYuWCyfZUeoqNeyqDNMXV8F0JT4bBQ4_Lenx9QNL3f2JfVYe3K7J3ALGTBuMLCuO6V-nBnoPB8cvivHMKopuJVIY0c/s1600/Corenavigation_SLK-Class_230x200_06-2008.jpg";
image[11]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiI9k9eNyIGBsGlTgydBK_73SDVttzz2N-KiF_QplYwuiFf-pCAy4_uYpHBmhV5OIJzb555Tnng1hyAze7LvuvmukdZarFtEbkt0VgFpSWzWSwi9cgWGB9J9ZKro5ZqVuzS8T_E93zI_0V_/s1600/conavi_viano_01_230x200_de_07-2010.jpg";
var now = new Date();
var hours = now.getHours();
var alea=0
if (hours>0) {alea=0;}
if (hours>2) {alea=1;}
if (hours>4) {alea=2;}
if (hours>6) {alea=3;}
if (hours>8) {alea=4;}
if (hours>10) {alea=5;}
if (hours>12) {alea=6;}
if (hours>14) {alea=7;}
if (hours>16) {alea=8;}
if (hours>18) {alea=9;}
if (hours>20) {alea=10;}
if (hours>22) {alea=11;}
document.write("<style type='text/css'>");
document.write("#header {background:url("+image[alea]+") no-repeat 90% 50%; height: 150px; width: 800px; position: relative;}");
document.write("</style>");
</script>

</head>

Приложение 7

Кнопки социальных сетей без скрипта.

Дата

Изображение в заголовке

Ярлыки

Архив