Блогът на Анатолий Дилов » страница http://blog.adilov.net (не)одушевеното около мен Sat, 12 Nov 2011 22:26:19 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 Засега обновлението приключи http://blog.adilov.net/personal/personal-personal/zasega-obnovlenieto-priklyutchi http://blog.adilov.net/personal/personal-personal/zasega-obnovlenieto-priklyutchi#comments Tue, 29 Dec 2009 12:53:22 +0000 Анатолий http://blog.adilov.net/?p=1614 Да, и в тази тема ще поговоря за блога – като тема, позициониране на различните widget-и, плъгини, страници. Може би ще се повторя отчасти – в няколко теми споменавам помалко, но нямаше начин – всичко става бавно и постепенно. За хубавото (аз иначе съм много скромен човек :P) човек трябва да се потруди и почака.

Почти от създаването на блога ровя за тема, която да ми допада, за приличен външен вид – нито прекалено тъмен, нито прекалено светъл. Да, смених доста теми и на всяка една от тях до момента съм откривал кусури, недомислени работи, неудобства или некачествено изпълнение. За момента съм се спрял на iNove. Естествено, имаше малки проблеми, но много лесни за разрешаване. Хареса ми възможността за по-сложни конструкции от widget-и. Там беше и единият от проблемите. Ако някоя от 4те секции (север, юг, изток, запад), които се виждат на скрийншота, е празна, по подразбиране се запълва с някакво съдържание като последните коментари, архиви и т.н. Това не ми допадна, защото не бих ползвал засега 3 колони в блога, ето защо пипнах малко в кода на темата и по-точно в sidebar.php. Махнах парчето с изток и запад:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<div id="centersidebar">

<!-- sidebar east START -->
<div id="eastsidebar" class="sidebar">

<!-- categories -->
<div class="widget widget_categories">
<h3>Categories</h3>
<ul></ul>
</div>
</div>
<!-- sidebar east END -->

<!-- sidebar west START -->
<div id="westsidebar" class="sidebar">

<!-- blogroll -->
<div class="widget widget_links">
<h3>Blogroll</h3>
<ul></ul>
</div>
</div>
<!-- sidebar west END -->

</div>

Това беше най-лесният и безболезнен вариант. Засега не ми трябват 3 колони, но ако след време се окаже, че ще е по-удобно – много лесно бих върнал отрязъка с код на оригиналното му място.

Следващото, което поправих беше свързано с валидацията на HTML-а. Да, това не е проблем, но пък не ми харесва валидаторът да изкарва грешки и warning-и заради глупости. Имаше 4 празни <span> тага (и не винаги, а в определени случаи), в които сложих &nbsp; и всичко заспа. Ето, че приключих с темата. 10 минути, тук, а в действителност – месеци, колко по-приятно е да се работи на теория, нали? Няма да се отплесвам по темата с побългаряването, тъкмо ми е олекнало през празниците.

Другата новост от последните няколко дни е отделената страница за мнения и коментари – може да се достъпи от менюто горе, секция “Книга за гости”. Също така пипнах малко и About страницата – вече е в малко по-цивилизован вид.

И както знаем – само виновните се оправдават, затова ще го направя и аз – да, постът е изцяло с рекламна цел, да ви up-не малко RSS-ите ;)

]]> http://blog.adilov.net/personal/personal-personal/zasega-obnovlenieto-priklyutchi/feed 0 ASCII spinner в HTML с JavaScript http://blog.adilov.net/technical/how-to/ascii-spinner-v-html-s-javascript http://blog.adilov.net/technical/how-to/ascii-spinner-v-html-s-javascript#comments Wed, 31 Dec 2008 13:23:01 +0000 Анатолий http://blog.adilov.net/?p=292 Харесвам, когато има някакво въртящо се gif-че, което симулира прогрес при някакъв процес. Ето защо направих пренасочващата главна страница да се държи по подобен начин. Вложената доза шега е… Огромна и е породена от НАЙ-НАЙ-прекрасния торент клиент за мен – ctorrent. Няма значение, отплеснах се…

Като цяло не е нищо кой-знае какво, просто първата идея за имплементация, за която се сетих. Какво представлява: масив с 4 елемента – “\”, “|”, “/” и “-”, които непрекъснато се показват един след друг през определено време. Спинър-а не е cвързан с извършения прогрес! Трябва ни html страница и малко JavaScript. Ето JS-a:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<script type="text/javascript">
  var spinnerElements = new Array("\\", "|", "/", "-");
  var spinnerIntervalId;
  var prevIndex = 0;

  function getById(elementId) {
    if (document.getElementById) {
      return document.getElementById(elementId);
    } else if (document.all) {
      return document.all[elementId];
    } else if (document.layers) {
      return document.layers[elementId];
    }
    return null;
  }

  function setSpinnerValue(value) {
    getById("spinner").innerHTML = value;
  }

  function getNextValue() {
    if (prevIndex >= spinnerElements.length) {
      prevIndex = 0;
    }
    var value = spinnerElements[prevIndex];
    prevIndex++;
    return value;
  }

  function startSpinner() {
    spinnerIntervalId = setInterval("setSpinnerValue(getNextValue());", 250);
  }

  function stopSpinner() {
    if (spinnerIntervalId != null) {
      clearInterval(spinnerIntervalId);
      spinnerIntervalId = null;
    }
  }
</script>

Малко CSS:

1
2
3
4
5
6
7
8
9
10
<style type="text/css">
  span#spinner {
    font-size:    16pt;
    font-weight:  bold;
  }

  a {
    color:      #0000EE;
  }
</style>

И няколкото реда HTML:

1
2
3
4
5
6
7
8
9
10
11
12
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <title>Spinner</title>
  </head>
  <body>
    <a href="#" onClick="startSpinner();">start</a>
    <a href="#" onClick="stopSpinner();">stop</a>
    <span> [ <span id="spinner">-</span> ]</span>
  </body>
</html>

Целият файл под формата на демо може да се види тук.

]]> http://blog.adilov.net/technical/how-to/ascii-spinner-v-html-s-javascript/feed 2