Модератор форума: dotbot  
Дизайн: решение вопросов (архив для чтения)
Модератор форума
Сообщение # 1 | 01:32:58

Для пользователей не в первый раз слышащих об HTML. Тех кто не знает как вставить картинку или поменять фон, просим изучить сначала учебник - Учебник по Html для чайников. Оглавление или Для тех, кто делает сайты. Оглавление.



Правила темы


1) Если после редактирования шаблонов у вас возникли проблемы с дизайном, то вы должны четко и ясно описать возникшие проблемы. Описание проблемы !обязательно! должно сопровождаться ссылкой на сайт где присутствует проблема с дизайном (лучше всего на страницу, где присутствует проблема )

2) Если в описании проблемы с дизайном необходим скриншот, то скриншоты не должны по размерам превышать 500х500 пкс

3) Если в описании проблемы нужно выложить код проблемного участка шаблона, то код должен быть заключен в тег [code][/code]

Сообщение отредактировал webanet - Пятница, 12 Окт 2012, 13:39:32
shinshilka
Сообщений: 34
Репутация: 0

Сообщение # 976 | 17:43:04
Quote (1mSm1)
http://www.postroika.ru/html/11step2.html тут всьо написано!!!

спасибо огромное , на самом деле много интересного, сделал все как хотел, спасибо.
вопрос уже еще один: а как сделать чтоб как здесь на форуме, всегда вверху выводится одно и тоже "правила темы", хоть мы переходим со странички на страничку?
neowaring1487
Сообщений: 4
Репутация: 0

Сообщение # 977 | 17:45:34
Stradavar, Вот держи готовая робочяя сам пользуюсь

В Блок:
Code
<div align="left">  
<p align="left">  
<div style="display:none;">$ONLINE_COUNTER$</div>  
<div style="float:right;">  
<span style="color:#7d7d7d;">Пользователи</span>  
<span style="margin:0px; margin-left:2px; display:inline-block; border:1px solid #000;"><img style="height:7px; width:7px; background:#0008FF;" src="/.s/img/1px.gif" border="0" alt="" /></span>  
</div>  

<div>  
<span style="margin:0px; margin-right:3px; display:inline-block; border:1px solid #000;"><img style="height:7px; width:7px; background:#FF0000" src="/.s/img/1px.gif" border="0" alt="" /></span>  
<span style="color:#7d7d7d;">Гости</span>  
</div>  

<div style="border:1px solid #000;margin-top:2px;padding-left:1px;" id="stat-line" align="left"></div>  

<script type="text/javascript">  
var allusers = $('.tOnline b').html();  
var gostusers = $('.gOnline b').html();  
var siteusers = $('.uOnline b').html();  
var uGosti = (gostusers/allusers).toFixed(2)*100;  
var uUsers = (siteusers/allusers).toFixed(2)*100;  
if (Number(Number(uGosti).toPrecision(3)) + Number(Number(uUsers).toPrecision(3)) > '100'){if(Number(uGosti).toPrecision(3) > Number(uUsers).toPrecision(3)) {var uUsers = (siteusers/allusers).toFixed(2)*100-1;}; if(Number(uGosti).toPrecision(3) < Number(uUsers).toPrecision(3)) {var uGosti = (gostusers/allusers).toFixed(2)*100-1;};};  
if (Number(Number(uGosti).toPrecision(3)) + Number(Number(uUsers).toPrecision(3)) < '100'){if(Number(uGosti).toPrecision(3) > Number(uUsers).toPrecision(3)) {var uUsers = (siteusers/allusers).toFixed(2)*100+1;}; if(Number(uGosti).toPrecision(3) < Number(uUsers).toPrecision(3)) {var uGosti = (gostusers/allusers).toFixed(2)*100+1;};};  
$('#stat-line').html('<div class="cross1" style="width:'+Number(uGosti).toPrecision(3)+'%;" id="ghostss"><span style="padding-left:3px;">'+uGosti.toFixed()+'%</span></div><div class="cross2" style="width:'+Number(uUsers).toPrecision(3)+'%;" id="userss"><span style="padding-right:3px;">'+uUsers.toFixed()+'%</span></div>').after('<div style="border:0px; padding:2px; text-align:center;">Всего на сайте <b>'+allusers+'</b></div>');  
if (siteusers < '1') {$('#userss').hide();};  
if (gostusers < '1') {$('#ghostss').hide();};  
</script>  

</p>  
</div>


В CSS :
Code
.cross1 {padding-top:1px; display:inline-block; padding-bottom:1px; color:#fff; text-align:center; margin:0px -1px; text-shadow:0px 1px 0px rgba(0,0,0,0.30); border:1px solid #FF0000; background:#FF0000 url('') repeat-x top; text-align:left;}  
.cross2 {padding-top:1px; display:inline-block; padding-bottom:1px; color:#fff; text-align:center; margin:0px -1px; text-shadow:0px 1px 0px rgba(0,0,0,0.30); border:1px solid #0008FF; border-left:1px solid #646A6D; background:#0008FF url('') repeat-x top; text-align:right;}


Роботает 100%
blood9125
Сообщений: 103
Репутация: 0

Сообщение # 978 | 17:59:04
здравствуйте дайте совет пожалуйста , что лучше использовать для полупрозрачного фона ,png в качестве фона или opacity ,или еще что-то
shinshilka
Сообщений: 34
Репутация: 0

Сообщение # 979 | 18:46:48
Quote (shinshilka)
спасибо огромное , на самом деле много интересного, сделал все как хотел, спасибо.
вопрос уже еще один: а как сделать чтоб как здесь на форуме, всегда вверху выводится одно и тоже "правила темы", хоть мы переходим со странички на страничку?

все разобрался)) %) :)
Alexander_K
Сообщений: 552
Репутация: 188

Сообщение # 980 | 20:36:22
blood9125, с точки зрения оптимизации лучше opacity, но старые браузеры (по крайней мере IE) его не поддерживают. Смотрите сами, это не так уж принципиально.

blood9125
Сообщений: 103
Репутация: 0

Сообщение # 981 | 20:51:12
Alexander_K, спасибо ,у меня другой вопрос как можно отделить центральный блок от нижней части сайта (точнее не знаю как объяснить )
Григорий2635
Сообщений: 2
Репутация: 0

Сообщение # 982 | 20:55:00
Здравствуйте,поменял шаблон.Шаблон тёмный и цвет шрифта на тёмном-белый,желтый,голубой
Но вот в форме входа,поиске,и форме добавления-редактирования он(шрифт)белый и его не видно
http://53foto.ucoz.ru/vremeno/skrin.0001.jpg
http://53foto.ucoz.ru/vremeno/skrin002.jpg
http://53foto.ucoz.ru/vremeno/skrin003.jpg

Подскажите пож.как сделать чтобы на белом был нормальный черный цвет шрифта.
Если можно подробнее.С уважением Григорий.
bandjuk
Сообщений: 6816
Репутация: 2398
Уровень замечаний:

Сообщение # 983 | 22:12:16
Григорий2635, в ксс по этому адресу http://53foto.ucoz.ru/css/style000.css
строка:
Quote
html, input, textarea
{
font-family:Arial, Helvetica, sans-serif;
font-size:0.75em;
line-height:1.25em;
color:#ffffff;
}

красным заменить на нужный цвет.

Quote
em;

Хм, меня терзают смутные сомнения ))) знакомый почерк
Сообщение отредактировал bandjuk - Четверг, 09 Авг 2012, 22:21:53
PARTIZANETS
Сообщений: 6
Репутация: 10

Сообщение # 984 | 23:29:38
Как все эт исправить?
Прикрепления: 4972614.png (391.9 Kb)
olepav
Сообщений: 163
Репутация: 151

Сообщение # 985 | 01:23:26
Всем доброй ночи. Столкнулся с небольшой проблемой при разработке нового дизайна. Подскажите, что может быть не так в css, если появилась вот такая проблема с кнопкой входа в ajax-окне?

Скрин:


Сразу замечу, что переделка дизайна окон тут не причем, стандартное ajax-окно вылезает с такой же ошибкой.
Заранее спасибо.
Прикрепления: 4078043.jpg (56.8 Kb)
Alexander_K
Сообщений: 552
Репутация: 188

Сообщение # 986 | 06:51:38
Quote (blood9125)
как можно отделить центральный блок от нижней части сайта
Шаблон "Страницы сайта" покажите, и адрес сайта нужен.
[pRoFi-90], если проблема ещё не решена, дайте адрес сайта. На сайте, что указан в вашем профиле, этой проблемы не увидел.

Saby
Сообщений: 15
Репутация: 2

Сообщение # 987 | 09:34:34
Всем мое почтение. Перетаскиваю этот сайт http://negevcattery.ucoz.ru/ на com.
Перетащила все коды. И мне кажется на com. сам шаблон со сдвигом - http://negevcats.ucoz.com/



Перерисовывать точно не буду, а сдвинуть на место у меня не получается, сто раз коды пересмотрела, где чего подправить не вижу или не понимаю как. Помогите, плиз. %)
fflesh
Сообщений: 1784
Репутация: 1314

Сообщение # 988 | 09:49:46
Saby,
Quote (Saby)
Перетащила все коды. И мне кажется на com. сам шаблон со сдвигом

Вы как-то странно переносите, цифры разные ...




...
Прикрепления: 6317055.png (37.5 Kb) · 2977255.png (59.6 Kb)

Всё написанное выше - моё личное мнение и на абсолютную правоту не претендует.
Есть вопросы лично ко мне - пиши сюда: http://likbezz.ru/forum/8
Роман)))
Сообщений: 69
Репутация: 2

Сообщение # 989 | 10:08:46
PARTIZANETS, Писать текст вот так:
Code

PARTIZANETS<br>
PARTIZANETS<br>
и т.д
Сообщение отредактировал Роман))) - Пятница, 10 Авг 2012, 10:09:09
Alexander_K
Сообщений: 552
Репутация: 188

Сообщение # 990 | 10:28:20
Quote (Saby)
Всем мое почтение. Перетаскиваю этот сайт http://negevcattery.ucoz.ru/ на com.
Прочитав это, я уж подумал было, что вы на другой хостинг переносите. Вообще странно, что возникли какие-то проблемы. Да и адрес сайта же вроде можно изменить в общих настройках, не трогая шаблоны.
PARTIZANETS, есть такое не утверждённое свойство в CSS3 — word-wrap — смотрите сами, нужно ли оно вам, но я бы использовал.
А вообще, боковая колонка у вас больно широкая. Можно поставить блоки в один ряд, широкие блоки сузить или перенести в подвал или в шапку. Тогда контент-блок можно сделать пошире.

Поиск:
Telegram
Будьте в курсе всех обновлений: подпишитесь на наш официальный Telegram-канал uCoz и задавайте вопросы в чате сообщества!