Промяна #16

Както споменах в предния пост – „очаквайте още нови неща тея дни“. И ето, че се появи новия панел със бутони за споделяни

Задвижван само и изцяло от CSS3(пак за тези които не ползват браузъри, които да поддържат CSS3 – сори :)), елегантен, не-натрапващ се и в същото време лесно достъпен.

Първоначално смятах да го анимирам с jQuery(JavaScript библиотека), обаче в последствие реших да се възползвам(пък и да проверя) предимствата на CSS3. Оказа се че в общи линии анимациите стават изключително лесно което е голям плюс.

Ето кода който зарежда бутоните:


<div id="mw_custom_sharing"></div>
// функцията която зарежда самите бутони - във functions.php
function render_floating_social_buttons() {
$url = urlencode(curPageURL()); ?&gt; // тук се взима и енкоудва URL-то на сегащната страница
<div id="fb-root"></div>
<script type="text/javascript" src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>

<div class="alignleft fb-share-btn"><a type="box_count" name="fb_share"></a></div>

&nbsp;

<div class="alignleft google-plusone"></div>

<script type="text/javascript">// <![CDATA[
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();

// ]]></script>
<a class="twitter-share-button" href="http://twitter.com/share" data-count="vertical">Tweet</a>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
<?php }

И съответно CSS-a :

 #mw_custom_sharing { width: 70px; height: 40px; overflow: hidden; padding: 15px 15px 15px 0; position: fixed; left: -75px; top: 130px; z-index: 100; -webkit-border-radius: 0 10px 10px 0; -moz-border-radius: 0 10px 10px 0; border-radius: 0 10px 10px 0; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; background: url(images/background.gif) repeat 0 0; } #mw_custom_sharing:hover { left: 0; height: auto; min-height: 330px !important; } /* това селектира всички елементи, които са директни наследници на #mw_custom_sharing, и не са script елемент И нямат id="fb-root" */ #mw_custom_sharing --> *:not(script):not(#fb-root) {
padding-bottom: 15px;
margin: 0 auto 15px auto !important;
text-align: center;
border-bottom: 1px solid #ccc;
width: 70px;
display: block;
}
/* за FB Share бутона трябва малко по-специфичен стил, за да се центрира */
#mw_custom_sharing .fb-share-btn .fb_share_count_wrapper { float: none; text-align: center; }

/* Това избира последните два директни наследника на #mw_custom_sharing, които не са script елемент и ...
Селектирам последните два, защото знам че почти винаги последния елемент е script */
body #mw_custom_sharing > :nth-last-child(-n+2):not(script):not(#fb-root) {
padding-bottom: 0 !important;
margin: 0 auto 0 auto !important;
border-bottom: none !important;
} 

Промени бяха направени по следните файлове:

  • header.php
  • functions.php
  • style.css

Линк към ревизията: Цък

Малко освежаване :)

Иии след като се преместих на новия домейн, нещо ме позасърбяха ръцете(пък и според Google Analytics, посещенията през последната седмица са нараснали леко :)) ) и реших да почовъркам пак малко темата.

В общи линии това което се промени за посетителите са дребни детайли по дизайна – заоблени ръбове и елегантни сенки

Това което обаче не се вижда с първото посещение е, че сенките променят цвета си според часа от денонощието. Като цяло съм го разделил на 4 части – нощ(24-6), сутрин(6-12), ден(12-18) и вечер(18-24), като през всяка от четирите части цвета на сенките е различен.

ПП: Ако сте от онзи процент хора, които използват стар браузър(IE8 или по-стар, Firefox под 3.5, за другите не съм сигурен ) има доста голям шанс да не виждате гореспоменатите закръглени ръбове и сенки. Ако е така – просто си обновете браузъра – най-малкото ще имате по-приятно браузване

Yellow-Orange Flower

Нов домейн!

Иии най-накрая се хванах и си взех още един хостинг + домейн
За съжаление moonwatch.com е вече зает, ама и този си ми харесва

Що се отнася до SuperHosting.bg – супер бързо се случиха нещата както винаги Лятната им промоция(1 = 2) е повече от иделна – сносен хостинг(за лично ползване) за 3 години + домейн за една година = 102.75 лв. – което си е повече от без пари(хостинга е 84, което делено на 3 прави 28 лв на година, или 2.33 лв на месец!)…

Ако си търсите хостинг – мога спокойно да ви ги препоръчам

Стига толкова реклама за хостинг компанията, сега малко детайли покрай местенето

Ако пробвате да отворите някой линк от стария сайт, ще се озовете на същата страница, само че на новия – това стана с буквално 18 реда код :)))

Оставих активната тема на стария сайт свалена до минимум(index.php – празен, style.css – само описанието на темата, functions.php – само функцията за пренасочване) с цел пренасочването да се случва възможно най-бързо.

Самото местене на файловете стана доста бързо, благодарение на любимия ми cPanel, който поддържа архивиране/разархивиране на архивни файлове. Тоест, вместо да свалям при мен и да качвам на новия сървър 1000+ файла, свалих 1 който после разархивирах тук

Export на базата данни, няколко SQL заявки след import-a на новия сървър и все едно нищо не се е случило

Така, ето и функциите за пренасочване и с това ще приключа за тази вечер

function curPageURL() {
$pageURL = 'http';
if ($_SERVER["HTTPS"] == "on") {$pageURL .= "s";}
$pageURL .= "://";
if ($_SERVER["SERVER_PORT"] != "80") {
$pageURL .= $_SERVER["SERVER_NAME"] . ":" . $_SERVER["SERVER_PORT"] . $_SERVER["REQUEST_URI"];
} else {
$pageURL .= $_SERVER["SERVER_NAME"] . $_SERVER["REQUEST_URI"];
}
return $pageURL;
}

function redirect_to_new_domain() {
$requested = curPageURL();
wp_redirect(str_replace('moonwatch.kbsk-titanite.com', 'themoonwatch.com', $requested), 301);
exit;
}
add_action('init', 'redirect_to_new_domain', 1);

Суперхикс – И сега што?!

Можеби некогаш некому си бил мил и драг
те обожувале, те чекале ко божји знак
и едно кревање на рака
будело среќа и страст.

Те поддржувале, те следеле во добро и зло
мирно и стабилно си чекорел по цврсто тло
имало бранови и мирно море,
а сега што ?!

И сега што?!
Кога ги нема, кога знаеш дека нема да дојдат
И сега што?!
Кога ги чекаш, кога сфаќаш дека нема да дојдат
И сега што?!
Кога ти треба друштво, било какво макар на кратко
И сега што?!
Кога си сам…

Можеби некогаш некому си бил мил и драг
те обожувале, те чекале ко божји знак
и едно кревање на рака
будело среќа и страст.

Те поддржувале, те следеле во добро и зло
мирно и стабилно си чекорел по цврсто тло
имало бранови и мирно море,
а сега што ?!

И сега што?!
Кога ги нема, кога знаеш дека нема да дојдат
И сега што?!
Кога ги чекаш, кога сфаќаш дека нема да дојдат
И сега што?!
Кога ти треба друштво, било какво макар на кратко
И сега што?!
Кога си сам…

And now what?!

And now what, when you don’t know?
And now what, when you’re stuck,
When you wonder and feel helpless,
When you can’t change the past, and the future is blurred?

What you do, when you feel, but you can’t say,
What you do, when you’ve loved for too long,
But you just can’t let go, although there ain’t no chance?
Do you turn grey again?

You’re stuck in the trap of your own feelings…
You have to wait for the miracle, or sacrifice yourself,
if you want to get out – there’s no other solution.
In the end „too much love will kill you“ if you’re too much yourself…