Перейти из форума на сайт.

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в on-line?
Вход Забыли пароль? Первый раз на этом сайте? Регистрация
Компьютерный форум Ru.Board » Интернет » Web-программирование » Вопросы по CSS

Модерирует : Cheery

 Версия для печати • ПодписатьсяДобавить в закладки
Страницы: 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 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127

Открыть новую тему     Написать ответ в эту тему

Xrobak

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Ссылки для самостоятельного изучения:
 
Теория + примеры + учебники:
W3School: CSS Tutorial
MDN: Cascading Style Sheets (CSS)
WebReference: Уроки по HTML и CSS
htmlbook: Справочник CSS
YouTube: Основы CSS/CSS3
CSS для JavaScript-разработчика
Основы CSS - каскадные таблицы стилей
Статьи по основам CSS
 
Применение на практике:
StackOverflow: 'CSS' Questions
CSS-Tricks
 

Первый пост темы (до включения шапки).. ··· Текущий бэкап шапки..

Всего записей: 939 | Зарегистр. 16-08-2004 | Отправлено: 18:46 27-10-2004 | Исправлено: TheBarmaley, 05:24 27-02-2019
S0ldier



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Scorpion71
Как ваш вопрос связан с CSS? Ответил где полагается: http://forum.ru-board.com/topic.cgi?forum=28&topic=2429&start=920#15

Всего записей: 3230 | Зарегистр. 18-01-2005 | Отправлено: 16:11 13-02-2011
Scorpion71



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Подскажите,не видно кнопку отправить в ПМ,она чёрного цвета,где искать,чтоб изменить цвет?
 

Всего записей: 43 | Зарегистр. 15-06-2009 | Отправлено: 19:52 13-03-2011
S0ldier



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Scorpion71
В конце файла templates/имя_шаблона/feedback.tpl.

Всего записей: 3230 | Зарегистр. 18-01-2005 | Отправлено: 21:48 13-03-2011
Scorpion71



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
S0ldier,спасибо  
Ещё вопрос-хотелось бы сделать фон сайта статичным,неподвижным,а чтоб прокручивался только центральный блок,как например здесь gamebox.vokar.com.
сейчас у меня задний фон дублируется,и подвижен,вот код:
* {
margin-top:0;
margin-bottom:0;
padding:0;
}
body,html {
background:#03080c url(../images/bg-main.jpg) repeat-y center top;
margin-top:0;
margin-bottom:0;
font-family:"Trebuchet MS", Arial sans-serif;
font-size:12px;
}
 
td {
color:#eee;
}
th {
color:#ff0000;
}
 
img {
border:none;
}
 
images {
border:none;
margin:0;
padding:0;
}
 
a images {
border-bottom:none;
}
 
bg-main.jpg как вы поняли фоновая картинка.

Всего записей: 43 | Зарегистр. 15-06-2009 | Отправлено: 23:44 13-03-2011 | Исправлено: Scorpion71, 15:05 14-03-2011
S0ldier



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Scorpion71

Код:
body {
background: fixed #03080c url(../images/bg-main.jpg) no-repeat center top;
...
}

Всего записей: 3230 | Зарегистр. 18-01-2005 | Отправлено: 15:58 14-03-2011
Scorpion71



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
S0ldier а ещё такой вопрос-можно сделать так,что-бы при переходе на другую страницу менялся фон?

Всего записей: 43 | Зарегистр. 15-06-2009 | Отправлено: 23:26 14-03-2011 | Исправлено: Scorpion71, 23:32 14-03-2011
Kudman

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Подскажите, есть ли такая мини-прога чтоб можно было обновлять объявления?
Просто есть доски объявлений, которые присылают адреса ссылок проходя по которым обновляются сроки объявлений и тем самым поднимаются вверх.
Нет ли такой проги, куда можно помещать данные строки с указанием периодичности (по дням) обновлений?

Всего записей: 1 | Зарегистр. 11-01-2011 | Отправлено: 10:09 15-03-2011
S0ldier



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Scorpion71

Цитата:
можно сделать так,что-бы при переходе на другую страницу менялся фон?

Распишите подробнее, что же вам конкретно нужно.
 
Kudman
Как ваш вопрос связан с CSS?

Всего записей: 3230 | Зарегистр. 18-01-2005 | Отправлено: 18:03 15-03-2011
Scorpion71



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Цитата:
Распишите подробнее, что же вам конкретно нужно.  

S0ldier, по возможности,хотелось бы как на kanobu.ru ,при переходе на любую страницу меняется и фон сайта.

Всего записей: 43 | Зарегистр. 15-06-2009 | Отправлено: 19:54 15-03-2011
S0ldier



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Scorpion71
Там в каждом разделе свой специфический стилевой файл подключается. К примеру, на главной:

Код:
<style type="text/css" media="all">
    @import "http://static.kanobu.ru/kanobu/modern/skin/kanobu-ver_0.4/bg_shogun2.css";
</style>

 
Где и меняется бэкграунд:

Код:
#page-front, #page-inner {background:url(img/default_bg_shogun2.jpg) repeat scroll center top #270400;}

Всего записей: 3230 | Зарегистр. 18-01-2005 | Отправлено: 20:07 15-03-2011
Scorpion71



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
S0ldier,то есть первый код подключается в main, а второй в стилях?

Всего записей: 43 | Зарегистр. 15-06-2009 | Отправлено: 22:46 15-03-2011
OLEX



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Проще решить в 2-х строчках джаваскрипта, чем для каждой страницы (неизвестно сколько их) делать отдельный цсс с одной строчкой

Всего записей: 3590 | Зарегистр. 09-07-2002 | Отправлено: 23:30 15-03-2011
S0ldier



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Scorpion71
Да, верно.
 
OLEX
Само собой. Однако на приводимом в пример сайте сделано именно так.

Всего записей: 3230 | Зарегистр. 18-01-2005 | Отправлено: 01:11 16-03-2011 | Исправлено: S0ldier, 01:11 16-03-2011
OLEX



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Scorpion71

Цитата:
можно сделать так,что-бы при переходе на другую страницу менялся фон?

 
Я вот кстати так когда-то делал http://hruschevka.com.ua/
Там рандомно фон меняется на страницах, и еще наборы картинок по бокам.

----------
Отче Наш, иже еси в моем PC. Да святится имя и расширение Твоё. ENTER.

Всего записей: 3590 | Зарегистр. 09-07-2002 | Отправлено: 03:09 16-03-2011
Scorpion71



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
OLEX,ресторан,наверное,хороший,но не могли бы Вы подкинуть мне код джаваскриптовский что использовали там? Картинки по бокам не нужны,только фон
 
S0ldier,а css надо делать отдельно для каждой страницы или можно прописать в общих стилях?

Всего записей: 43 | Зарегистр. 15-06-2009 | Отправлено: 14:57 16-03-2011
hunter29



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Scorpion71
Наверно вот :

Код:
<script type="text/javascript">
var rnd = Math.round(Math.random()*7)+1;
var bg = 'url(/images/bg_main' + rnd + '.jpg)';
document.getElementById("body").style.backgroundImage='url(/images/bg_main' + rnd + '.jpg)';
</script>

Тока переменная bg лишняя

Всего записей: 39 | Зарегистр. 30-12-2008 | Отправлено: 17:55 16-03-2011
OLEX



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
hunter29
точна )
можно и без rnd обойтись:
 
<script type="text/javascript">
document.getElementById("body").style.backgroundImage='url(/images/bg_main' + Math.round(Math.random()*7)+1 + '.jpg)';
</script>
 
 
Добавлено:
ну и прописать <body id='body'>

Всего записей: 3590 | Зарегистр. 09-07-2002 | Отправлено: 18:54 16-03-2011
S0ldier



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Scorpion71

Цитата:
а css надо делать отдельно для каждой страницы или можно прописать в общих стилях?

Проще или в <style type="text/css"></style> указывать, или через JS. Пример см. ниже.
 
OLEX

Цитата:
document.getElementById("body")


Цитата:
ну и прописать <body id='body'>

Но зачем?
 

Код:
document.body.style.backgroundImage='url(/images/bg_main' + Math.round(Math.random()*7)+1 + '.jpg)';

Всего записей: 3230 | Зарегистр. 18-01-2005 | Отправлено: 19:01 16-03-2011
hunter29



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
OLEX
S0ldier

Код:
.backgroundImage='url(/images/bg_main' + Math.round(Math.random()*7)+1 + '.jpg)'

Мне кажется, что в данном случае Math.round(Math.random()*7) и 1 будут рассматриваться как две разные строки..
 
Наверно так будет лучше:

Код:
.backgroundImage='url(/images/bg_main' + (Math.round(Math.random()*7)+1) + '.jpg)'


Всего записей: 39 | Зарегистр. 30-12-2008 | Отправлено: 19:31 16-03-2011 | Исправлено: hunter29, 19:32 16-03-2011
Scorpion71



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Ребята,можно окончательный вариант по предыдущим постам:куда что прописывать,и какие имена должны быть у фоновых картинок?Пробовал то что дали выше, не работает.

Всего записей: 43 | Зарегистр. 15-06-2009 | Отправлено: 23:36 26-03-2011
Открыть новую тему     Написать ответ в эту тему

Страницы: 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 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127

Компьютерный форум Ru.Board » Интернет » Web-программирование » Вопросы по CSS


Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2024

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru