Авторский знак. Seosait21.ru Есть у человека надежда. Пока не поздно. Вгрызайся и изучай.
Your support
Ваша поддержка

Меняем нижний колонтитул div#copy.

Теперь поступим следующим образом. Изменим нижний колонтитул, так называемый "подвал" страницы сайта или как его еще называют блок-авторства. При этом поменяем фон всей страницы на другой более светлый и приятный( background: #FFFFEC;); цвет верхнего блока осветлим на более веселый фон( background: #AFFFFF;). Размеры нижнего колонтитула не так сильно увеличим, в принципе обычно не бывает большим, ну, где-то высоту сделаем 100-130 пикселей( padding-top: 20px; padding-bottom: 20px;), наверное, достаточно. Цвет "подвала" сделаем розовым( background: #FCF;), шрифт букв выберем другой( font-family: Verdana, Geneva, sans-serif;), размер букв чуть уменьшим( font-size: 18px;), цвет букв сделаем темно-темно синим( color: #036;), расположение строчек в середине( text-align: center;). Хотя кто Вас удерживает в создании своего сайта( Вы хозяин, Вам и творить) - пробуйте, подгоняйте, сравнивайте. Вам писать страницу сайта.

                 @charset "utf-8";
                 /* CSS Document */

                   body {
	                    background: #FFFFEC;
                         }
                   div#nav {
	                   width: 100%;
		               background: #AFFFFF;
		               padding-top: 50px;
		               padding-bottom: 50px;
		               font-family: Georgia, "Times New Roman", Times, serif;
		               font-size: 28px;
		               color: #F00;
		               text-align: center;
                          }
                   table  {
	                   width: 100%;
	                   height: 95%;
	                       }
                   td#tdleft {
	                   width: 20%;
	                   background: #CDF;
	                    }
                   td#tdcenter {
	                   width: 60%;
	                   background: #CDC;
	                        }
                   td#tdright {
	                   width: 20%;
	                   background: #CDF;
	                       }
                   div#copy  {
	                   width: 100%;
		               background: #FCF;
		               padding-top: 20px;
		               padding-bottom: 20px;
		               font-family: Verdana, Geneva, sans-serif;
		               font-size: 18px;
		               color: #036;
		               text-align: center;
	                       }

И еще, если Вам не понравилась просвечивающая между блоками рамка, то расстояние между блоками легко убирается добавлением строки ( border-spacing: 0 0;) в table, где нули означают отсутствие горизонтального и вертикального промежутка между блоками. Проделайте сами со страницей сайта такую процедуру, чтобы убедиться.


seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...

обратно на главную   назад   дальше   вперед

ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: