Главная » FAQ


Какую программу использовать для снятия видео урока , вопрос мучает каждого пользователя нашего сайта и форума, к чему и создается эта тема что бы не дублировать вопросы на нашем форуме, и так представляем вам 13 программ для данных функции записи рабочего стола.
13 бесплатных программ, которые могут быть использованы для записи видео
1 Windows Media Encoder
2 BB FlashBack Express
3 CaptureFox (Firefox плагин)
4 uTIPu TipCam
5 Krut
6 UltraVNC Screen Recorder
7 Webineria
8 Wink
9 Jing
10 Ubuntu
11 FsCapture
12 Camtasia Studio
13 Fraps


    Самые популярные программы это BB FlashBack Express, Camtasia Studio Уроки которые записаны и залиты на сайте ucozon.ru все сделаны в программе BB FlashBack
Программа проста в управление , у нее как есть модуль для записи так и для редактирования и воспроизводства в формате exe
Все видели что получается отличное качество в 100% и малый размер файлика, что очень удобно для всех целей, так же возможность создания флэш которые можно быстро залить в корень своего сайта и выставить видео на самом сайте вставив только ссылку на флэш файл
    Camtasia Studio так же функциональна в таком же принципе, и отлично используется известными сайтами видео уроков
Так же Позволяет без особых затруднений снять видео с рабочего стола Ubuntu и без проблем загрузить на YouTube, называется Kazam версия 0.11

Думаю что теперь меньше будет вопросов по видео программам .
И только не надо с вопросом подходить дайте ссылку на программу, это покажет вашу не образованность и лень вставить название программы в строку поиска , Мы повторяем вам МЫ НЕ ВАРЕЗ САЙТ Все перечисленные программы без проблем можно найти и скачать в интернете


После обновления системы, появилась очень интересная возможность создавать дизайн сайта непосредственно на сервере, используя возможности куки.
Как изменять дизайн с помощью обычных кук вы можете найти в интернете и не стоит данное совершенствование использовать таким же способом, т.е. заменять файлы стилей и запускать определенные скрипты.
С помощью Ucoz-куки вы можете выводить или не выводить часть HTML-кода, т.е. уменьшать объем передаваемых данных с сервера на компьютер, перестроить почти полностью всю страницу вашего сайта и форума. К сожалению при написании статьи я сталкнулся с тем, что данный код не работает в части шаблонов, надеюсь это будет исправлено.
В дальнейшем для понимания мы будем называть измененный вид сайта - спец-режимом, а обычный - обычным режимом.

Как активизировать спец-режим?
Спец-режим можно активизировать с помощью Ucoz-куки, которую можно записать только через форму входа (надеюсь сделают ее не кодированной и тогда настройка значительно облегчется). Вам необходимо добавить в форму входа дополнительную переменную. Переменная обязательно должно иметь числовое значение. Рассмотрим несколько вариантов:
1. Используя чекбокс (по примеру в админке):

Code

<input type="checkbox" id="flag" name="flag" value="32" /> <label for="flag">Мини-дизайн</label>

2. Используя выподающий список:
Code

<select name="flag" size="1">
<option value="0" style="background-color:#999999" selected>- Дизайн -</option>
<option value="0">обычный</option>
<option value="1">мини-дизайн</option>
<option value="2">супер-мини</option>
</select>

3. Используя радио кнопки:
Code

<label><input type="radio" name="flag" value="0"> обычный</label>

<label><input type="radio" name="flag" value="1"> мини-дизайн</label>

<label><input type="radio" name="flag" value="2"> супер-мини</label>

4. Используя скрытое поле (актуально если вы сделали индивидуальную страничку для входа в спец-режим)
Все перечисленные способы устанавливают только одно значение флага (Ucoz-куки). Можно использовать и множественный выбор (о нем будет позже добавлено).

Как изменять дизайн?
Все очень просто, нужно поставить нужный HTML-код в Ucoz-условие:

Code

<?if($SPEC_FLAG$=2)?>
HTML-код который нужно показывать если флаг равен 2
<?endif?>

Если HTML-код не нужен в спец-режиме то Ucoz-условие будет иметь вид:
Code

<?if($SPEC_FLAG$=!2)?>
HTML-код который НЕ нужно показывать если флаг равен 2
<?endif?>

В шаблонах можно использовать несколько раз код $BODY$, поэтому если нужно переделать не часть кода, а полностью сделать преобразование то, можно подготовить два отдельных дизайна и вставить их в шаблон:
Code

<?if($SPEC_FLAG$=2)?>
HTML-код который нужно показывать если флаг равен 2
<?else?>
HTML-код который НЕнужно показывать если флаг равен 2
<?endif?>

Замечание
Перед тем как использовать в шаблоне код $SPEC_FLAG$ убедитесь, что он в нем работает:
1. Установите данный кук используя форму входа с полем flag
2. Попробуйте вывести его в шаблоне.
Замечено, что $SPEC_FLAG$ не работает в виде сообщения на форуме (что самое обидное).
Автор: Andre

Многие из вас хотят подключить на сайт несколько дизайнов, между которыми можно будет переключаться, причём, выбор должен будет запоминаться. Ваша мечта сбылась - этот скрипт позволяет осуществить данную задумку:
Можно так же реализовать в каждом блоке индивидуальную смену цвета, главное задать каждому скрипту свои уникал имени, что бы куки отдельно запоминались к каждому контейнеру или блоку

На страницах, где будет использован данный скрипт (Можно в глобальный блок), вставляйте:

Code

<link id="dyncss" rel="stylesheet" type="text/css" href="">  
<script type="text/javascript">  
function setDynCSS(url) {  
if (!arguments.length) {  
url = (url = document.cookie.match(/\bdyncss=([^;]*)/)) && url[1];  
if (!url) return '';  
}  
document.getElementById('dyncss').href = url;  
var d = new Date();  
d.setFullYear(d.getFullYear() + 1);  
document.cookie = ['dyncss=', url, ';expires=', d.toGMTString(), ';path=/;'].join('');  
return url;  
}  
setDynCSS();  
</script>

Следующий код в то место, где будут выводиться картинки для переключения между стилями:

Code

<img style="cursor:pointer;" src="Ссылка на картинку 1" onclick="setDynCSS('Ссылка на стиль 1.css')">  
<img style="cursor:pointer;" src="Ссылка на картинку 1" onclick="setDynCSS('Ссылка на стиль 2.css')">

Используется следующим образом:
Включение BB-кодом:

Code
[audio] [/audio]

то есть введя

Code
[audio] http://top-wan.at.ua/Mp3/DJ_Next-Stop_it_in_my_life.mp3[/audio]

получаем:

Так же можно вставлять плеер с помощью JS-кода.
Что бы его получить можно воспользоваться Мультимедия - > Подключить аудио (mp3)
Либо Мультимедия - > Загрузить аудио (mp3) [там после загрузки напротив интересующего файла нажать JS-code]

Code
<script src="http://ucozon.ru/media/?auto=0;small=0;color=0055e9;loop=0;textoff=0;t=audio;f=http%3A%2F%2Ftop-wan.at.ua%2FMp3%2FDJ_Next-Stop_it_in_my_life.mp3" type="text/javascript"></script>

Его так же можно вставить в любое место сайта. При этом, в нем есть управляемые параметры (настройки), о которых ниже.

Code
auto=0;small=0;color=0055e9;loop=0;textoff=0

Значения выделенные жирным и можно поменять, с нуля на единицу. Тем самым их включив. Ну и color - указать цвет кода.
То есть, если в коде
auto=0 меняем на auto=1 - песня начинает проигрываться автоматом. Как это сделано в этом топике (аккуратней с этой функцией, думайте о тех у кого медленный интернет, платный трафик.

small=1 - выведит маленький преер из двух кнопок. Вот так вот:

loop=1 - файл будет проигрываться по кругу без отсановки (пока не нажать стоп)

textoff=1 - уберет текст (в пример выше текст DJ_Next-Stop_it_in_my_life.mp3, вот его и не будет)

color=0055e9 (управление цветом плеера) - вместо 0055e9 пишем код желаемого цвета. То есть после = вставляем код цвета. Коды можно узнать из таблиц, или в фотошопе нажав на цвет.
Пример. Берем код черного - 000000

Code
<script src="http://ucozon.ru/media/?auto=0;small=0;color=000000;loop=0;textoff=0;t=audio;f=http%3A%2F%2Ftop-wan.at.ua%2FMp3%2FDJ_Next-Stop_it_in_my_life.mp3" type="text/javascript"></script>


Вот несколько пользователей обращались с тем что бы изменить размер области вывода мини чата то есть сообщений, ну самый простой способ это сделать можно вот таким образом /Поискав в интернете что либо по этому поводу я не нашел, и решил использовать id имя для импортации размера.
Как изменить размеры мини чата ucoz
Установка проще простых,
копируем стиль и вставляем в таблицу стилей в самом верху

Code
#mchatIfm2 {height:600px !important;}
где 600 это высота в пикселях. Изменяем под свои размеры

Вывод текста в JavaScript или знакомство с программированием

Обычный текст в JavaScript выводится следующим образом:

Code

<html>
<body>
<script type="text/javascript">
document.write("Привет Мир!");
</script>
</body>
</html>

Вывод текста в JavaScript при помощи HTML тегов:
Code

<html>
<body>
<script type="text/javascript">
document.write("<h1>Привет мир!</h1>");
</script>
</body>
</html>

Текстовые значения выделяются одинарными или двойными кавычками. В случае если выводимый текст содержит кавычки, их необходимо экранировать с помощью backslash › \.

JavaScript вывод текста с кавычками:

Code

<html>
<body>
<script type="text/javascript">
document.write("Я сказал: \"Запомните!Все очень просто\".");
</script>
</body>
</html>

Если не использовать backslash, результатом вывода будет: Я сказал:.

два вида поиска: один, к примеру, в блоках (простенький), а другой - на главной странице, по середине (что-то более красивое и приятное).
Поиск состоит из полей, которые заключаются в определённую форму:
Code

<form>
</form>

А к форме, присоединяются некоторые параметры: method="get" action="/search/".
В этих параметрах указывается метод работы формы (он забирает (get) или вставляет (post)), и адрес, откуда берётся эта информация.
Теперь нам нужно вставить поле, в которое мы будем вводить сам запрос для поиска. Для этого нам нужен тег input и к нему присоединяем параметры:

* class="" // Если хотите украсить форму, вставьте этот параметр и присвойте для него названия
* type="text" // Указывается тип поля, в нашем случае это текст
* name="q" // Название поля
* maxlength="30" // Максимальное кол-во символов, которое можно ввести в это поле
* value="Введите запрос" // Текст, который будет вставлен по умолчанию

Эти пункты самые важные, остальное можно добавлять по желанию. После этого, нам нужно вставить ещё одну кнопку, она может быть и невидимой, а может быть и видимой (как вам нужно). Создаём ещё один тег кнопки (input) и к нему присоединяем параметры:

* style="display: none;" // Убираем эту кнопку (она невидимая для пользователей)
* type="submit" // Указываем то, что эта кнопка отвечает за отправление запроса на страницу поиска
* name="sfSbm" // Задаём кнопке имя
* value="Нажми" // Текст кнопки

Вот собственно и всё, вот такой должен быть код поиска:

Code

<form method="get" action="/search/">
<input class="" type="text" name="q" maxlength="30" value="Поиск (Для поиска нажать Enter)">
<input type="submit" name="sfSbm" value="Нажми"></form>

Настройки для продвинутых.
Данный пункт ни только для продвинутых, да и для тех, кто хочет улучшить свой поиск.

Если вы хотите, чтобы при нажатии на кнопку Enter происходило то же действие, что и с кнопкой "Нажми" (т.е. отправление запроса на страницу поиска), то для этого нужно задать для поля текста параметры:

* onfocus="if(value=='Поиск (Для поиска нажать Enter)'){value='';}" // Текст, который будет выводиться перед нажатии по полю
* onblur="if(value=='') {value='Поиск (Для поиска нажать Enter)';}" // Почти одно и то же

А для самой формы:

Code

onsubmit="this.sfSbm.disabled=true"

Этим кодом, мы разрешаем полю при нажатии на кнопку Enter отправлять запрос на страницу поиска (т.е. то же самое, что и кнопка "Нажми".
А к кнопке "Нажми", присоединяем параметр:
Code

style="display: none;"

Тем самым, удаляем его с глаз долой (от пользователей, но не от браузера) happy

На этом всё. Информация взята с сайта uabc.ws



uWnd - название ucozoвских ajax окон. uWnd - уникальные Ajax окна системы uCoz, неимеющие аналогов.
Как создать?
простое окно
Code
<script type="text/javascript">
function uwnd_funk(){
new _uWnd("name","title",200,100,{modal:1},"контент");
}
</script>

Code
<a href="javascript:uwnd_funk()">Ссылка</a>
uwnd_funk - название функции
200,100, - высота и ширина окошка
{modal:1} - опции окошка /через запятую/
"контент" - содержимое окна

Как создать?
более функциональное окно/
Code
<script type="text/javascript">
function uwnd_funk(){
new _uWnd("name","title",200,100,{modal:1},$("#uwnd_funk").html());
}  
</script>

Code
<a href="javascript:uwnd_funk()">Ссылка</a>
<div style="display:none" id="uwnd_funk">контент</div>

new _uWnd("name","title",200,100,{А вот тут опции},"контент");
Используются через запятую, вида: параметр:значение,
Параметрыautosize /0;1/ - автоопределение размеров.
autosizewidth /0;1/ - автоопределение ширины.
autosizeonimages /0;1/ - автоматическое изменение размеров после загрузки картинки.
waitimagess /0;1/ - ждать загрузки всех картинок.
hideonresize /0;1/ - скрывать содержимое при изменении размеров окна.
markload /'текст'/ - текст загрузки.
align /0;1/ - выравнивание.
shadow /0;1/ - тень.
header /0;1/ - отображать шапку.
min /0;1/ - отображать ли кнопку Minimize (свернуть).
max /0;1/ - отображать ли кнопку Maximize (развернуть).
close /0;1/ - отображать ли кнопку Close (закрыть).


Что такое robots.txt ?
это текстовый файл, находящийся в корневой директории сайта, в котором записываются специальные инструкции для поисковых роботов. Эти инструкции могут запрещать к индексации некоторые разделы или страницы на сайте, указывать на правильное «зеркалирование» домена, рекомендовать поисковому роботу соблюдать определенный временной интервал между скачиванием документов с сервера и т.д.

  Причины того что ваш сайт закрыт для поисковых систем вы должны знать сразу, что первый месяц после создания сайта, ваш ресурс закрыт для поисковых систем!

Для чего это делается?
Все очень просто , вы новичок, и как правило новенький сначала держит свои сайт пустым потом начинает ели его наполнять контентом, к тому времени сайт уже не рассматривается поисковыми системами как нужный ресурс. Новичок начинает плакать как всегда.
Вот в этом случае на ucoz вам дается ровно 1 месяц на то что бы наполнить свой сайт интересной информацией и сделать его привлекательным в дизайне, что бы по приходу первому робота поисковика ваш сайт был подан как мощное издание которое готово поставлять ежедневно уникальный и интересный материал, что заставить робота сканировать ваш ресурс каждую секунду и это вам даст большое количества трафика если все вместе взятое сделать с умом а не ленью. С копи постам у вас такого не когда не получится.

Вся очевидность того что вы не находите файл robots.txt в корне вашего сайта потому что он по умолчанию своего стандарта скрыт , на самом деле он есть просто вам его не дает видеть умолчания стандарт.
   Если вы желаете  robots.txt видеть, так же редактировать или полностью изменить, то вам достаточно:
1 Открыть блокнот
2 Вставить в блокнот правильный код запрета(об этом коде можно прочитать на всех сайтах)
3 Сохраняем файл блокнота внимательно с таким именем и расширением по умолчанию robots.txt



Все готово, теперь заливаем наш файл в  корень сайта и теперь он будет вам виден и доступен для изменения.
О том как составить и проверить правильность своего файла  robots.txt в следующей теме.

1. Понятно дело, что до того как установить шаблон, нам нужно его скачать.
2. Далее смотрим что именно мы скачали, если это общий шаблон, то заначит его можно применять, для всех страниц, кроме форума (ну если только в описании шаблона не написано, что можно примить и для форума!)
3. Заходим в панель управления сайтом (http://www.ваше_название_сайта.ucoz.ru/admin): Главная » Управление дизайном » Конструктор шаблонов.
4. В скачанном архиве убеждаемся, что есть: tmpl.txt (основной код шаблона он может ещё называтся конструктор шаблонов.txt так же может быть main.tpl), styles.css (таблица стилей-CSS если файлов в формате css несколько заливаем их в корень сайта), и папка img и другие (где находятся все использованные рисунки шаблона).
5. Открываем tmpl.txt или же конструктор шаблонов.txt или main.tpl (например с помощью блокнота), копируем весь текст (ctr+A, ctr+C), и вставляем в конструкторе шаблонов.
6. В панели управления заходим: Главная » Управление дизайном » Редактирование шаблонов » Таблица стилей (CSS). Открываем styles.css (например с помощью блокнота) если файлов с разширением css несколько то просто заливаим в корень сайта их, копируем весь текст (ctr+A, ctr+C), и вставляем в открытом окне в панели управления.
7. Закачиваем с помощью: Главная » файловый менеджер; или с помощью FTP-менеджера, все рисунки, которые находятся в папке img и другие!
8. Вот и все, теперь наслаждаемся, новым дизайном сайта!))
P.S.Если вы скачали какойто шаблон и там есть папка css а в ней два файла то эту папку надо тоже загружать в корень сайта.

Подробная установка шаблона на uCoz сайт:

1. Загрузка картинок, которые нужны для шаблона.


Первым делом нужно загрузить все картинки, которые принадлежат скаченному шаблону. В архивах с шаблонами находятся папки, которые могут иметь разные названия, чаще всего images, img, imgg и другие. Вы должны открыть Файловый менеджер своего сайта (Панель управления > Инструменты > Файловый менеджер) и создать папку для картинок шаблона. Название папки должно быть такое же, как в архиве скаченного шаблона! Теперь открываем созданную папку и нажимаем Обзор, т.е. начнем загружать картинки из папки в архиве с шаблоном в созданную нами папку с таким же названием. Если их очень много, то можно воспользоваться специальным FTP менеджером, т.е. программой. Итак, загрузка картинок закончена.

2. Создание каркаса сайта.

Теперь нужно создать каркас сайта, его основу. Для этого нам нужно вставить в Конструктор шаблонов содержимое файла, который находить в архиве с шаблоном. Этот файл часто находится в текстовом документе и чаще всего имеет названия index, html, tmp, каркас, шаблон и другие. Итак, нам нужно открыть Конструктор шаблонов (Панель управления > Дизайн > Конструктор шаблонов.)
Как установить шаблон на ucoz?
После открытия Конструктора шаблонов, Вы увидите чистое поле, где нужно вставить каркас. Находим в архиве с шаблоном файл, где будет содержимое каркаса (названия, которое может иметь файл, перечислены выше). Открываем этот файл, выделяем все, копируем, и все содержимое вставляем в чистое поле Конструктора шаблонов. Если Вы убедились, что все правильно, нажимаем Создать шаблон. Если выскочит окошко в котором будет написано, что отсутствует , то просто вставьте в самый низ шаблона следующее:

Code
<!-- <popup> -->
<table border="0" cellpadding="2" cellspacing="1" style="background:#A9B8C2;" width="100%">
<tr><td style="background:#D4DFF7;" align="center"><b>[TITLE]</b></td></tr>
<tr><td align="center" style="background:#F4F4F4;padding:5px;">[BODY]</td></tr>
</table>
<!-- </popup> -->


И еще раз нажмите Создать шаблон.

Теперь мы создали каркас шаблона.

3. Замена CSS (Cascading Style Sheets).

Это самый просто шаг. Здесь нужно скопировать содержимое CSS из скаченного шаблона и заменить свой старый. Названия этого файла может быть CSS, ксс, стили и другие. Для начала идем в Панель управления > Дизайн > Управление дизайном (CSS).
После открытия Управление дизайном (CSS), Вы увидите поле, в котором будет написан Ваш старый CSS. Его нужно стереть. Теперь открываем файл CSS из скаченного шаблона, все копируем и вставляем в поле где раньше был Ваш старый CSS. Все CSS установлен. Он служит для того. чтобы правильно отображались цвета букв, ссылок. фона, и некоторые картинки нового шаблона.

У меня вирус на сайте
Как избавится от вируса на сайт

 

Проблема новеньких веб мастеров которые растыкивают ненужными и левыми скриптами свой сайт не осознавая что в них есть фрэймы, скрипты загрузки вирусов, кликундеры, скрытие команды и.т.д

И как правило приходят к нам и помогите , спасите кричат как в аптеке  :)

1 Значить первое что мы должны сделать, если антивирус и браузер блокирует страницу вашего сайта то вам нужно в этой блокировке узнать имя самого вируса, любым удобным для вас способом. При блокировке браузером гугол пишет имя и подобные сайты заражённые этим вирусом, обычно в простых случаях это бывают просто ссылки на js файлы левых сайтов.

2 Более сложней случай когда вредоносный код, скрипт спрятан в js файле , но мы его имя знаем и можем найти легко вскрывая все js файлы вашей страницы.

Как правило все вредоносные скрипты, фрэймы, дорвей, встраиваются в середину кода который вы где то берете, у нас на сайте ucozon.ru это строго запрещено и мы следим за тем что от нас было без вредоносных ссылок кодов и всякой всячины.
Но это действие для новичков, которые не смотрят что в коде лежит и как оно работает.Любой средний веб мастер легко увидит не нужный код и просмотрит его досконально.

3 более сложный вариант это когда вы закачали файлик (обычно он не весит более чем 200кб) с вирусом в корень своего менеджера, и он творит рассылку вирусов пользователей

Как боротся с этим или как избавится от этого?
Не стоит паниковать, это всего лишь вредо-приносящий код который найти и удалить довольно легко.
  Мы знаем как называется вирус или ссылка его происхождения, или сайт который распространяет вирус замечен на вашем сайте, к примеру картинка с того сайта так же распознается как вирус.
Едим дальше мы имеем хотя бы 3 буквы из названия ссылки или файла вируса и первым делом на странице где он замечен в мазиле браузере нажимаем CTRL+U  Открывается страница с HTML кода всего кода дальше нажимаем CTRL+F внизу появится окно поиска, вводим название вируса или ссылки и нажимаем стрелки вверх или вниз и если подобие поиска найдено то вам покажет выделенным и вы сможете определить место нахождения кода который нужно удалить. Если вы не нашли, значить ваш вирус прячется в js файле этой же страницы  Не удаляя из первого действия что я писал выше мы в поисковой строке имеем название вируса, так теперь ищем визуально сами ссылки на файлы с расширением js и кликаем на них и переходим в них и так же  CTRL+F если нужно и ищем ваше название вируса или ссылки.
  Если и тут вы не нашли во всех js файлах то дальше вы должны искать все что закодировано кодировщиком скриптов к примеру, так как правило наши славные веб хакеры кодируют что бы не было видно ссылки ихнего подставного сайта, И при поиске что я вам описал выше в таком случае не найти, нужно раскодировать скрипт любым удобным для вас методом, к примеру у нас на сайте есть в меню веб инструменты там можно найти рас кодирование простых скриптов.

Вот в принципе и вся элементарность, и все это вы делать можете с умом сами без других помощников и бесплатно.
  Если вы залили случаем файл в корень, или на общий сервер не по вашей вене попал вирус, так как вы находитесь на одном диске со всеми сайтами другими то проблему решит сам сервер или сам хостер, если этот вирус у вас в корне сайта , (тоже самое почти что на общем диске) то нужно узнать его название вес, и искать визуально в файловом менеджере

  Дальше как узнать можно название вируса, так это при помощи онлайн проверки url ссылок сервиса Доктор Веб

   
       
       
   



Если при окончанию проверки фон окна не зеленый а красный значить вирус найден на вашем сайте по данной ссылке.
Прокручивая скролером в том же окне просмотрим что сканировалось и увидите на английском то что и называется вирусом у вас на сайте, да и этот способ на много быстрей и проще

Автор: mdbaner
Сайт автора: ucozon.ru
Зарегистрирована статья с кодом HGWE49389d от 09.12.2010
Весь материал был создан из моего личного опыта и знанием элементарного.
Копировать и распространять данный материал запрещается.


1часть примера

Вот такой вот пример http://ucozon.ru/faq


Стильный и красивый http://ucozon.ru/faq



Сам стиль
Code

div.example6 {background: #CCC; padding: 1em}
  h3.example6a {color: #D1D1D1; text-shadow: -1px -1px white, 1px 1px #333}
  h3.example6b {color: #D1D1D1; text-shadow: 1px 1px white, -1px -1px #333}
Вывод стиля в текст
Code

<div class="example6">
<h3 class="example6a">Вот такой вот пример</h3>
<h3 class="example6b">Стильный и красивый</h3>
</div>

2 часть примера

Без тени:

Вот такой вот пример http://ucozon.ru/faq


С тенью:

Стильный и красивый http://ucozon.ru/faq



Сам стиль
Code

  div.example4 {background: #CCF; padding: 1em}
  h3.example4a {color: white}
  h3.example4b {color: white; text-shadow: black 0.1em 0.1em 0.2em}
Сам вывод
Code

<div class="example4">


Без тени:
</p><h3 class="example4a">Вот такой вот пример</h3>


С тенью:
</p><h3 class="example4b">Стильный и красивый</h3>
</div>

3 частьпримера


Вот такой вот примерhttp://ucozon.ru/faq


Стильный и красивыйhttp://ucozon.ru/faq



Сам стиль
Code

  div.example7 {background: #CCF; padding: 1em}
  h3.example7a {color: blue; text-shadow: -1px 0 black, 0 1px black,
  1px 0 black, 0 -1px black}
  h3.example7b {color: #BBE; text-shadow: -1px 0 black, 0 1px black,
  1px 0 black, 0 -1px black}
Вывод стиля
Code

<div class="example7">
<h3 class="example7a">Вот такой вот пример</h3>
<h3 class="example7b">Стильный и красивый</h3>
</div>

Постоянно и за незнания HTML пользователи вопят что у них нет кнопок переключателей для страниц, я как обычно каждому пользователю на http://ucozon.ru постоянно пишу одно и тоже объяснение и что бы не писать создам тему что бы можно было быстро ответить на вопрос незнайки ) На странице не показывает кнопки переключения страниц...

1 для начала активируйте их в ПУ,

2 после проверьте есть ли в коде условная строка которая выводит кнопки:
Нижнии кнопки

Code
<?if($PAGE_SELECTOR1$)?><div style="text-align:center;">$PAGE_SELECTOR1$</div><?endif?>

верхний кнопки такие
Code
<?if($PAGE_SELECTOR$)?><div style="text-align:center;">$PAGE_SELECTOR$</div><?endif?>

3 Если тег есть в коде тогда проблема в том что может существовать стиль который запрещает показ кнопок, мы находим его таким образом: идем в таблицу стилей и ищем стиль для одного из этих классов.

Code
.pagesBlock1
.pagesBlock1
.pagesBlockuz1
.catPages1
.catPages2

и если в коде мы находим тип одного из стилей ищем в нем такую строчку обычно в конце
Code
{display:none !important;}
она предназначена для скрытие показа кнопок, удаляем его вместе со всем кодом что бы он не препятствовал показу кнопок, как правило это занимает 5-8 строчек кода.

4 Если не чего вам не помогло из выше написанного то вероятно у вас конфликт библиотек , то есть вы вставили какой то скрипт который конфликтует со скриптом стандарта.
Можно выйти из положения создав собственные кнопки на условиях, но это не выход из положения так как если количество страниц перевалит за десятки то кнопки все не вместятся в страничной строчки, Я уже делал не раз для заказчиков такие переключатели , и было дело вставлял и на нашем сайте ucozon.ru но потом разбирал конфликт моих экспериментов и вернул везде стандартные хорошие кнопки, такой метод самоделки: подход только для модулей где мало страниц.


Специальный код, применяемый в условном операторе.
Данный код намного проще предыдущего кода $URI_ID$, но так же полезен .
Например, вы хотите разместить одну и ту же информацию на всех страницах добавления материалов (для разных модулей). Для этого просто при создании шаблона необходимо уточнить код данной страницы:

Код $PAGE_ID$ будет равен для всех модулей, но разный для все страниц модуля. Например, вставив этот код в шаблон сайта:
Code
<?if($PAGE_ID$='add')?>Предупреждаем, на сайте запрещено добавление порнографии.<?endif?>

Тогда на всех страницах «Добавление материала» во всех модулях будет выводиться это сообщение.

   Как из макета сделать шаблон? задал вопрос пользователь и приложил скриншот макета который на самом деле уже готовый и используется как на ucoz так и на DLE
  Вопрос задается часто, но прежде всего могу сказать сразу что новичок не сможет создать сам шаблон сайта, так как тут нужны знания фотошопа, иметь опыт в нарезание деталей графики, и умение так же распределить что останется графикой а что буде сплошным цветом, так же нужно знать что чем меньше весит сайта графика тем он быстрее загружается в браузере у пользователя, ну а после разрезания нужны знания HTML для грамотной верстки.
   Конечно же не кто не начинал сразу создавать интересные и правильные шаблоны, все начинали с уродливых проектов и после поднятия своего опыта становятся истинными мастерами своего творчества.

   Для первых шагов в познание и понимание этого процесса я предлагаю научится делать детали дизайна, после усвоение тонкостей не проблема будет создать и большой проект к которому вы стремитесь.
Я хочу вам переложить свои Видео урок верстки рамки баннера и создание таблицы для графики и еще один урок не мало важен Видео урок создание шапки резиновой и верстка ее для сайтов ucoz
Названия уроков говорят сами за себя.В 1 уроке Пример на баннере размером 468х60  размер рамки составляет 488х80 что значит +10px на каждую сторону, во втором уроке наглядно показано как создать в фотошопе шапку, разрезать ее и произвести миниатюрную верстку.

Как сделать графику это дела каждого и разное по своей уникальности, верстка и разрез так же уникален но по одному принципу.
  Существует два типа натягивания графики на проект
1 это табличный (<table><tr><td></td></tr></table>) что показан в уроке, для меня он самый простои и удобный, для многих этот тип сложен
2 это дивный (<div> </div>), помогает использовать удобно стили и занимает мало места и является в загрузке наиболее быстрым чем табличный
   Для верстки очень эффективно используют программы что улучшает качество создания, одна из этих лучших программ Dreamweaver но что бы ей уметь пользоваться необходимо опять же знать язык HTML. Dreamweaver хорошо используется в совмещение с Photoshop то есть с его исходниками вашего проекта в формате PSD.
В фотошопе вам необходимо удобно разложить все элементы графические по папкам подписав их для вашего же удобства как показано на скрине
тип папок в фотшопе
Если создавать разрезание и сохранение то всем известно что для этого используется инструмент перо, которым вы можете с точностью до пикселя устанавливать размеры деталей вашего проекта, после расчерчивания или разрезания ваш макет выглядит таким образом

разрезанный макет шаблона
далее остается только сохранить но не картинкой а картинкой вместе с HTML кодом.
После сохранения ваше творение раскладывается по папкам отдельно графика и и отдельно страница , если кликнуть по файлу страницы то вам выдаст в сборке вашу работу, если выделить все то будет видно как по деталькам разрезан сам рисунок или макет, дальше нужно знания языка ХТМЛ что бы подредактировать и залить веб графику на сайт предварительно заменив ссылки на сами элементы проекта.
Лично я исходя из своих знаний стиля CSS и языка ХТМЛ делаю это все сам используя только блокнот.. вам кажется это сложным, но уверяю вас спустя пол года активного изучения и самостоятельного составления дизайнов и их верстки вы будите так же писать код всей страницы используя только программу Фотошоп и Блокнот. Достаточных знание и совета можно получить на нашем форуме Фотошоперу / Уроки по фотошопу где все знатоки поделятся всем тем чему сами научились и считают полезным для знания о том как создавать свое и неповторимое.
Вот в принципе мой ответ на вопрос пользователя нашего сайта. Удачи вам начинание создания красивого дизайна.

Многие не знаю как укоротить текст под один стиль во всех новостях, многие скажут что есть для этого тег $CUT$ но не все в место нужное его вставляют, и не все его используют, по этому можно один раз настроить для себя , и все новости будут одинаковы в размере.

Установка:
Заходим в вид материалов, и находим там $MESSAGE$ и заменяем его на условие кода

Code
<?if(len($MESSAGE$)>360)?><?substr($MESSAGE$,0,350)?> <a href="$ENTRY_URL$">Читать далее...</a><?else?>$MESSAGE$<?endif?>


>360 это если в новости текст привышает более 360 символов то срабатывает условие вывода только столько сколько указано тут ,0,350

Условие работает таким образом, если символов больше чем 360 то отображается всего 350 символов и надпись Читать далее... с ссылкой на новость.
Вы может сами настроить под количество символов отображение.
так же можно применить и к названию, или длина комментария в информере

тут если название материала привышает более 100 символов в месте с пробелами то сокращает до 99 сиволов

Code
<?if(len($TITLE$)>100)?><?substr($TITLE$,0,99)?><?else?>$TITLE$<?endif?>

Многие на форуме обращаются с тем что бы разместить картинку скрина к фильму с левой или правой стороны с стилем обтекания или обхода текста вокруг или рядом. как я показываю на примере скрином:

Вот один из простых вариантов где используется только классс со стилем простым.
Первое мы задаем класс картинке таким образом:
Code
<img class="alignleft" src="$IMG_URL1$" alt="" height="200" width="">

Где alignleft это имя класса
$IMG_URL1$ это ссылка на картинку.
далее в таблицу стилей загоняем сам стиль из двух строчек, в любое место и сохраняем
Code
img.alignleft { margin: 5px 5px 20px 10px; display: inline; border: solid 4px #eee; padding: 1px;}
.alignleft { float: right; }

Все готово, смотрим регулируем отступы через стиль margin

Что бы изменить фон или наложить картинку вот как примеру у нас на сайте вам необходимо задать стиль вот таким образом для тега

< body >

вставляем style="background:url('http://ucozon.ru/SCRIN5/sapky/b.gif') #999; margin:5px; padding:5px;" и получится вот таким образом

Code
<body style="background:url('http://ucozon.ru/SCRIN5/sapky/b.gif') #999999; margin:5px; padding:5px;">

если хотите убрать картинку и оставить только html цвет то изменяем просто удаля ссылку оставив скобки вот таким образом

Code
<body style="background:url(' ') #999999; margin:5px; padding:5px;">

и изменяем цвет по своему смотрению #999
Так же я прилагаю вашему вниманию два видео урока по смене фона, как картинкой так и цветом, так же с подвижным фоном с названием fixed, для подвижного фона 2 урок лучше.
1 Как сделать фиксированный фон и стандартный из картинки предлагаю вам видео урок
2 Видео урок изменение фона сайта картинкой

Это только вам известно причины пропадания, а если вы используете картинки с чужого сайта, то думаю логика вам подскажет ответ на ваш вопрос.

Картинки не могут пропадать, если только они не имеют размер менее 1х1px,
Есть случай лагов сервера и картинки пропадают на незначительное время, когда сервер приходит в норму то картинки нормально отображаются.

1-50 51-73
счетчик посещений