Календар - Форум
Сряда, 2017-07-26, 1:35 PM
Главна Регистрация ЧЗВ (FAQ) Вход
Добе дошли, Гост · RSS
[ Ново съобщение · Членове · Правила на форума · Търси · RSS ]
Страница 1 от 11
Форум » УПРАВЛЕНИЕ И НАСТРОЙКИ » Персонализиране на дизайни » Календар (Код)
Календар
marshonДата: Понеделник, 2013-04-15, 10:02 AM | Message # 1
Частен
Група: Потребители
Съобщения: 5
Награди: 0
Репутация: 0
Статус: Offline
Някой може ли да ми даде самият код за календара от сайта.
Или просто някакъв календар който да така прост на външен вид и с такъв дизайн като този който предлагат от www.ovo.bg
 
GemДата: Понеделник, 2013-04-15, 12:14 PM | Message # 2
Запознатa с oVo
Група: Администратори
Съобщения: 522
Награди: 20
Репутация: 17
Статус: Offline
marshon,
системният код, с който се извиква стандартния календар е $CALENDAR$, можеш да му променяш изгледа с CSS. Можеш да сложиш и друг разбира се - потърси в интернет, но стандартният има предимството че е обвързан с публикациите на модул Новини / Блог...


Gem Design Studio
best.ovo.bg Най-добрите сайтове в OVO
help.ovo.bg Уроци, шаблони и скриптове за OVO
 
marshonДата: Понеделник, 2013-04-15, 5:03 PM | Message # 3
Частен
Група: Потребители
Съобщения: 5
Награди: 0
Репутация: 0
Статус: Offline
Gem,
това което ми каза го знам.
Аз исках, ако някой може да ми даде самия html код който се крие зад командата $CALENDAR$ (ако ме разбираш).

п.п. Не съм много в час с тия неща, но искам календар изглеждащ като стандартния, който обаче да не е обвързан с Новини/Блог.
 
GemДата: Понеделник, 2013-04-15, 5:51 PM | Message # 4
Запознатa с oVo
Група: Администратори
Съобщения: 522
Награди: 20
Репутация: 17
Статус: Offline
marshon,
прекрасно те разбирам, друг е въпросът защо ти трябва да си играеш да поставяш скриптове защото календарът не е само html, a e и jquery (най-често).
от всеки един сайт направен на oVo можеш да видиш кода на стандартния календар който се крие под $CALENDAR$ (визията се определя от CSSa) :

<table border="0" cellspacing="1" cellpadding="2" class="calTable"><tr><td align="center" class="calMonth" colspan="7"><a title="Март 2013" class="calMonthLink" href="javascript://" rel="nofollow" onclick="window.location.href='http'+'://business.ovo.bg/news/2013-03';return false;">«</a>  <a class="calMonthLink" href="javascript://" rel="nofollow" onclick="window.location.href='http'+'://business.ovo.bg/news/2013-04';return false;">Април 2013</a>  <a title="Май 2013" class="calMonthLink" href="javascript://" rel="nofollow" onclick="window.location.href='http'+'://business.ovo.bg/news/2013-05';return false;">»</a></td></tr><tr><td align="center" class="calWday">Пн</td><td align="center" class="calWday">Вт</td><td align="center" class="calWday">Ср</td><td align="center" class="calWday">Чт</td><td align="center" class="calWday">Пт</td><td align="center" class="calWdaySe">Сб</td><td align="center" class="calWdaySu">Нд</td></tr><tr><td align="center" class="calMday">1</td><td align="center" class="calMday">2</td><td align="center" class="calMday">3</td><td align="center" class="calMday">4</td><td align="center" class="calMday">5</td><td align="center" class="calMday">6</td><td align="center" class="calMday">7</td></tr><tr><td align="center" class="calMday">8</td><td align="center" class="calMday">9</td><td align="center" class="calMday">10</td><td align="center" class="calMday">11</td><td align="center" class="calMday">12</td><td align="center" class="calMday">13</td><td align="center" class="calMday">14</td></tr><tr><td align="center" class="calMdayA">15</td><td align="center" class="calMday">16</td><td align="center" class="calMday">17</td><td align="center" class="calMday">18</td><td align="center" class="calMday">19</td><td align="center" class="calMday">20</td><td align="center" class="calMday">21</td></tr><tr><td align="center" class="calMday">22</td><td align="center" class="calMday">23</td><td align="center" class="calMday">24</td><td align="center" class="calMday">25</td><td align="center" class="calMday">26</td><td align="center" class="calMday">27</td><td align="center" class="calMday">28</td></tr><tr><td align="center" class="calMday">29</td><td align="center" class="calMday">30</td></tr></table>

ако толкова държиш да не е обвързан с новини/блог можеш да поставиш директно горния код и да изчистиш

href="javascript://" rel="nofollow" onclick="window.location.href='http'+'://yoursite.ovo.bg/news/2013-05';return false;"

или можеш просто да чукнеш в Google : jquery calendar и да си избереш календар, който ти харесва и е подходящ за сайта ти......
но тогава ще трябва да си свалиш и сложиш съответните jquery файлове....


Gem Design Studio
best.ovo.bg Най-добрите сайтове в OVO
help.ovo.bg Уроци, шаблони и скриптове за OVO
 
marshonДата: Понеделник, 2013-04-15, 7:43 PM | Message # 5
Частен
Група: Потребители
Съобщения: 5
Награди: 0
Репутация: 0
Статус: Offline
Gem,
благодаря ти много. Точно това исках.
А сега как мога да го направя без да е свързано вече към новини/блог, като натисна стрелкичките наляво или надясно да ми показва съответните месеци? т.е. сега като цъкна стрелкичките надясно да ми излиза месец Май.
 
GemДата: Понеделник, 2013-04-15, 8:23 PM | Message # 6
Запознатa с oVo
Група: Администратори
Съобщения: 522
Награди: 20
Репутация: 17
Статус: Offline
мисля, че доста по-лесно ще е просто да си поставиш widget/gadget календар (има някакви в gadgets):

ето един на Гугъл
http://www.gmodules.com/ig....lang=bg

можеш да го редактираш до много голяма степен


Gem Design Studio
best.ovo.bg Най-добрите сайтове в OVO
help.ovo.bg Уроци, шаблони и скриптове за OVO
 
marshonДата: Понеделник, 2013-04-15, 8:38 PM | Message # 7
Частен
Група: Потребители
Съобщения: 5
Награди: 0
Репутация: 0
Статус: Offline
Да.. става, но аз не искам да има никакви препратки.
Благодаря ти за отделеното време smile Беше полезно за мен
 
GemДата: Понеделник, 2013-04-15, 9:54 PM | Message # 8
Запознатa с oVo
Група: Администратори
Съобщения: 522
Награди: 20
Репутация: 17
Статус: Offline
нямам време да ти разровя и да тествам за конфликт с jquery 1.7.2 но ето ти два хубави и тествани :

http://jqueryui.com/datepicker/#inline
кодът за вграждане е този. можеш и директно да го поставиш в страничен блок

<!doctype html>

<html lang="en">
<head>
<meta charset="utf-8" />
<title>jQuery UI Datepicker - Display inline</title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css" />
<script>
$(function() {
$( "#datepicker" ).datepicker();
});
</script>
</head>
<body>

Date: <div id="datepicker"></div>


</body>
</html>


Gem Design Studio
best.ovo.bg Най-добрите сайтове в OVO
help.ovo.bg Уроци, шаблони и скриптове за OVO
 
GemДата: Понеделник, 2013-04-15, 9:56 PM | Message # 9
Запознатa с oVo
Група: Администратори
Съобщения: 522
Награди: 20
Репутация: 17
Статус: Offline
ето и втория календар. източник: http://demos.kendoui.com/web/calendar/rtl.html, можеш да си вземеш готови, различни цветови гами,

<!DOCTYPE html>
<html>
<head>
<title></title>
<link href="http://cdn.kendostatic.com/2013.1.319/styles/kendo.common.min.css" rel="stylesheet" />
<link href="http://cdn.kendostatic.com/2013.1.319/styles/kendo.default.min.css" rel="stylesheet" />
<link href="http://cdn.kendostatic.com/2013.1.319/styles/kendo.rtl.min.css" rel="stylesheet" />
<script src="http://cdn.kendostatic.com/2013.1.319/js/kendo.all.min.js"></script>
</head>
<body>

<div id="example" class="k-content">
<div class="k-rtl">
<div class="demo-section">
<div id="calendar"></div>
</div>
</div>

<script>
$(document).ready(function() {
// create Calendar from div HTML element
$("#calendar").kendoCalendar();
});
</script>
</div>

</body>
</html>


Gem Design Studio
best.ovo.bg Най-добрите сайтове в OVO
help.ovo.bg Уроци, шаблони и скриптове за OVO
 
Форум » УПРАВЛЕНИЕ И НАСТРОЙКИ » Персонализиране на дизайни » Календар (Код)
Страница 1 от 11
Търси:

Направете безплатен уеб сайт с oVo