X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Сайт своими руками, Создание сайта от шаблона до...
toorr2p
toorr2p
Topic Starter сообщение 6.12.2008, 22:10; Ответить: toorr2p
Сообщение #1


Имеется шаблон (резиновый)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://...xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Windows-1251" />
<title>Реклама</title>
<style type="text/css">

body
{
   background:#000000;
}

#main
{
   width:100%;
   background:#000000;
}

#hider
{
   border: 1px solid #000;
   height:250px;
   background:url(images/1.gif) center no-repeat;
}

#menu
{
   width:auto;
   height:25px;
   background:#000000;
}

#content
{
   width:100%;
   height: 800px;
   background:url(images/main.jpg) center no-repeat;
}

#right
{
   width:60%;
   float:left;
   margin-left: 2%;
   margin-top:30px;
}

#lev
{
   height:auto;
   width: 30%;
   float:left;
   margin-left:25px;
   margin-top:30px;
}

#punkt1
{
   background:url(images/punkt1.gif);
}

#punkt2
{
   background: #999999 url(images/punkt2.gif);
}

#punkt3
{
   background: #999999 url(images/punkt3.gif);
}

#punkt4
{
   background: #999999 url(images/punkt4.gif);
}

#buttom
{
   width: 100%;
   height: 100px;
   border: medium;
   background: #999999;
}

div.punkts
{
   width: 250px;
   height: 180px;
   margin-top: 10px;
   margin-left: 15px;
}

.punks
{
   width: 100%;
   height: 180px;
   margin-top: 10px;
   background: #0000FF url(images/polosa.gif) bottom left no-repeat;
}

</style>
</head>
<body>
    <div id="main">
        <div id="hider">
        
        </div>
        <div id="menu"></div>
        <div id="content">
                <div id="lev">
                <div id="punkt1" class="punkts"></div>
                <div id="punkt2" class="punkts"></div>
                <div id="punkt3" class="punkts"></div>
                <div id="punkt4" class="punkts"></div>
        </div>
        <div id="right">
                <div class="punks"></div>
                <div class="punks"></div>
                <div class="punks"></div>
                <div class="punks"></div>
        </div>
        </div>
        <div id="buttom"></div>
    
</body>
</html>





Можно просмотреть здесь http://vladislav.dokunin.pochta.ru/

У меня вопрос вот такой >>> немогу разобратся что делать дальше > как сделать чтоб при нажатии на левые кнопки (4шт) открывались страницы которые выглядели бы подругому (т.е уже без этих кнопок, например галерея и т.п) это нужно делать средствами хтмл и CSS ? посовету чтонибуть плизз...
заранее СПАСИБО!!!
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ZiTosS
ZiTosS
сообщение 6.12.2008, 23:25; Ответить: ZiTosS
Сообщение #2


Для отображения вместо блоков ссылок вам надо заменить код
..............
<div id="punkt1" class="punkts"></div>
<div id="punkt2" class="punkts"></div>
<div id="punkt3" class="punkts"></div>
<div id="punkt4" class="punkts"></div>
................

На
..............
<a id="punkt1" class="punkts" href="/1.html"></a>
<a id="punkt2" class="punkts" href="/2.html"></a>
<a id="punkt3" class="punkts" href="/3.html"></a>
<a id="punkt4" class="punkts" href="/4.html"></a>
................


Страницы могут называться хоть pupkin.html, photogallery.html
Тока вы должны не забывать соотносить название файла к примеру pupkin.html с ссылкой
<a href="/pupkin.html">Пупкин</a>

Файлы должны лежать в том же каталоге, что и index.html!

Если вы хотите положить файл в какой-то подкаталог относительно index.html, то ссылка будет вида
<a href="/имя_подкаталога/pupkin.html">Пупкин</a>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Гость_0_* Гость_0_*
сообщение 7.12.2008, 18:22; Ответить: Гость_0_*
Сообщение #3


Сомневаюсь, что кто-то будет заказывать ваши услуги по наружке с таким сайтом :) Может лучше обратиться к специалистам в создании и продвижении сайтов?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ZiTosS
ZiTosS
сообщение 7.12.2008, 18:54; Ответить: ZiTosS
Сообщение #4


Да уж дизайн расплывается... Да и кнопки слишком большие... очень много мигающих gif'ов, что очень раздражает глаза. Я уже говорил как лучше сделать кнопки меню.
Цвет фона я бы выбрал белый или бледно-серый, а дизайнерскую идею взял бы с пары шаблонов, для тебя это лучший вариант :)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
toorr2p
toorr2p
Topic Starter сообщение 10.12.2008, 7:16; Ответить: toorr2p
Сообщение #5


Всем привет!
Принял во внимание ваши замечания и решил переделать дизайн... http://vladislav.dokunin.pochta.ru/




CODE
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://...xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Windows-1251" />
<title>Реклама</title>
<style type="text/css">

body
{ width:100%;
background:FFFFFF;
}

#main
{ background: #eebc43;
width:100%;
border: ffd50f 5px inset;


}

#hider
{ width:auto;
float: inherit;
height:230px;
background: #FFFFFF;
}
#vhod { float:right; background:url(www/images/vhod.gif); width: 300px; height: 180px; margin-right: 25px; margin-top: 27px;}

#menu1
{
width:auto;
height:25px;

}

.menu { float:left; width: 16.5%; height: 25px;}
.blok {background: url(www/images/menu.gif) left no-repeat #FFCC00;}
.blok2 {}
.blok,blok2 {
float: left;
margin-right: 30px;
width: 950px;

}

.knopka {
text-align: center;
display: block;
width: 155px;
height: 20x;
padding-top: 6px; padding: 3px;
color: #FFF;
font: 14px Arial;
font-weight: bold;
text-decoration: none;

border: 1px solid #ffd50f;

float: left;



}

#menu2 { width: 950px; height: 25px; background:url(www/images/menu2.gif) left no-repeat #FFCC00;}

#content
{
width:100%;
height: 800px;

width: 95%;
margin-left: 3%;
margin-top: 15px;


}

#right
{ background:url(www/images/right.gif);
width:13%;
float:left;
margin-left: 2%;
height: 450px;
padding: px;

}

.okno { height:90px; width: 90px; margin-left: 15px; margin-top: 40px; border:#FFFFFF solid 1px; }

#lev
{
height:auto;
width: 85%;
float:left;

}

#punkt1 { width:100%; height: 350px; background:url(www/images/punkt1.gif)}
#1 { float: left; width: 80.5%; height: 350px; }
#2 { float:left; width: 150px; margin-left: 1%; height: 350px;}

#punkt2 { width:100%; height: 400px; margin-top: 15px; background: url(www/images/punkt2.gif) center no-repeat;}
#3 { width: 40%; float:left; height: 400px;}
#4 { width:55%; float:left; margin-left: 5%; height: 400px;}

#buttom
{
width: 100%;
height: 200px;
border: medium;
background: #eebc43;
}




A {text-decoration: none;}
img {

border: none; //рамка вокруг изображений нам не нужна

}




</style>
</head>
<body>
<div id="main">
<div id="hider">
<div id="vhod"></div>
</div>
<div id="menu1">
<div class="blok">
<div class="menu">
<a class="knopka" href="o_nas.html">На главную</a>
</div>
<div class="menu">
<a class="knopka" href="o_nas.html">О нас</a>
</div>
<div class="menu">
<a class="knopka" href="o_nas.html">Портфолио</a>
</div>
<div class="menu">
<a class="knopka" href="o_nas.html">Галерея</a>
</div>
<div class="menu">
<a class="knopka" href="o_nas.html">Контакты</a>
</div>
<div class="menu">
<a class="knopka" href="o_nas.html">Статьи</a>
</div>
</div>
</div>

<div id="content">
<div id="lev">
<div id="punkt1">
<div id="1"></div>
<div id="2">
</div>
</div>
<div id="punkt2">
<div id="3"></div>
<div id="4"></div>
</div>

</div>
<div id="right">
<div class="okno"><img src="www/images/galery/Cherry_artema.jpg" width="90" height="90"/></div>
<div class="okno"><img src="www/images/galery/img131.jpg" width="90" height="90" /></div>
<div class="okno"><img src="www/images/galery/kabuki kolon.jpg" width="90" height="90"/></div>



</div>

</div>
<div id="menu2">
<div class="blok2">
<div class="menu"><a class="knopka" href="o_nas.html" >На главную</a></div>
<div class="menu"><a class="knopka" href="o_nas.html">О нас</a></div>
<div class="menu"><a class="knopka" href="o_nas.html">Портфолио</a></div>
<div class="menu"><a class="knopka" href="o_nas.html">Галерея</a></div>
<div class="menu"><a class="knopka" href="o_nas.html">Контакты</a></div>
<div class="menu"> <a class="knopka" href="o_nas.html">Статьи</a></div>
</div>

<div id="buttom"></div>
</div>
</div>
</body>
</html>




И сова проблема :( немогу разобратся почему <div id="buttom"></div> не растягивается на весь экран?!
В CSS прописал:

CODE
#buttom
{
width: 100%;
height: 200px;
border: medium;
background: #eebc43;
}


А он не растягивается :) , подскажите...
И еще вопрос>> почему слева остается белый зазор? ;) ?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Robot-sgibatel
Robot-sgibatel
сообщение 10.12.2008, 16:17; Ответить: Robot-sgibatel
Сообщение #6


Сайт открывается пустой страницей т.к нет закрывающего тега </style>


Поблагодарили: (0)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
toorr2p
toorr2p
Topic Starter сообщение 10.12.2008, 16:40; Ответить: toorr2p
Сообщение #7


спасибо большое! эх эта невнимательность:-(
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ZiTosS
ZiTosS
сообщение 10.12.2008, 20:59; Ответить: ZiTosS
Сообщение #8


Ничего не вижу, сайт не открывается... Ты намудрил с кодом. Нет ни </style>, ни </head>, ни <body>...</body>, ни </html>.
Испралвяй!
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
toorr2p
toorr2p
Topic Starter сообщение 10.12.2008, 22:06; Ответить: toorr2p
Сообщение #9


Странно а у меня все открывается :( , и теги есть ... попробуйте пож еще раз глянуть
http://vladislav.dokunin.pochta.ru/

Прикрепленные файлы
Прикрепленный файл  index.html ( 4,15 килобайт ) Кол-во скачиваний: 125
 
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
toorr2p
toorr2p
Topic Starter сообщение 13.12.2008, 1:32; Ответить: toorr2p
Сообщение #10


Подскажите... почему страница отображается с белым отступом слева гдето около 2px? не могу понять ведь общая таблица с параметром width: 100% :)

И еще хотел узнать у тех у кого монитор 19-22дюйма как у вас на мониторе окно отображается, есть горизонтальная прокрутка или нет? :( сайт здесь http://reklama.donbass.pochta.ru/
Спасибо!
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
« Предыдущая тема · Программная часть · Следующая тема »
 
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Ваш сайт блокирует Роскомнадзор?
 27 hollywooduk 5704 Вчера, 0:19
автор: Omaxis
Открытая тема (нет новых ответов) Прототипирование + дизайн + вёрстка = красивый и эффективный сайт под ключ
 0 bunneh 274 16.4.2024, 18:02
автор: bunneh
Открытая тема (нет новых ответов) Если в сайт с одними ключами, которые там долго, добавить новую рубрику с новыми ключами
 2 Tutich 1125 16.4.2024, 8:27
автор: Tutich
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлы[Услуги] Баннер/Графика/Сайт
 240 FillPlay 180495 31.3.2024, 22:58
автор: FillPlay
Открытая тема (нет новых ответов) Тысячи ботовых переходов на сайт
 18 Suagaring 4612 26.3.2024, 21:42
автор: c4p1t4l15t


 

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

RSS Текстовая версия Сейчас: 18.4.2024, 9:57

Дизайн

 
Форум IP.Board © 2024  IPS, Inc.
Лицензия зарегистрирована на: MaulNet
Jooble
Форум IP.Board © IPS, Inc.
Лицензия зарегистрирована на: MaulNet