Сайт+Форум

автор showers Сентябрь 6th 2012, 23:56

Всем хорошего времени суток.
Такой вопрос:не подскажите как на этом сайте http://www.finalfatalforce.net/ объединили форум с сайтом.

Давно так хотел сделать тока не понимаю как,там вроде сайт и форум с вашей системы.

Там просто созданы html-страницы, одна из которых назначена главной (с нее открывается форум)

автор showers Сентябрь 7th 2012, 00:09

Понял спасибо!
А возможно ли где то посмотреть варианты этих html кодов страниц,а то самому писать ещё не дорос

Вот тут — базовые шаблоны
А сам сайт является справочником-самоучителем по верстке.

Еще на первых порах может быть полезным онлайн-генератор

Еще загляните на сайт CSS Zen Garden - там можно подсмотреть варианты оформления страниц.

Если покажете образец страницы, которая Вам нужна — могу помочь конкретнее (собрать код + изображения + css).

автор showers Сентябрь 7th 2012, 17:46

Вот мне бы простую страницу как эту http://www.finalfatalforce.net/
Тока меню с лева на русском ,такой же стиль или другой но под чёрный
Чтобы как ни как подходила под этот форум http://veronaz.forumy.eu/
Примерно так.

автор **Ilya** Сентябрь 7th 2012, 18:19

Вот код страницы:

Код:: <!DOCTYPE html> <head> <link rel="shortcut icon" type="image/x-icon" href="http://i40.servimg.com/u/f40/16/80/76/08/emblem11.png" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Final Fatal Force | Home page</title> <style type="text/css"> @charset "utf-8"; * { margin: 0px; padding: 0px;} body {background-color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#666666;} .clear {clear:both;} #wrap {width: 1477px; margin:0px auto 5px auto;} #wrap #header #sitename {color: #ffffff; font-family: Georgia, "Times New Roman", Times, serif; font-size: 58px; font-weight: normal; display: block; padding-top: 140px; text-align: right; padding-right: 50px;} #sitename a, #sitename a:visited, #sitename a:active{color:#ffffff; text-decoration:none;} #sitename a:hover{color:#ffffcc; text-decoration:none;} #header {background: url('http://i40.servimg.com/u/f40/16/80/76/08/rewall10.png') no-repeat; height:255px;width:1442px; } #page {padding:0px 10px 0px 0px;} #page #menu { display: inline-block; float:left;background: url('http://i40.servimg.com/u/f40/16/80/76/08/rewall11.png') no-repeat; width:394px; height:565px;} #page #newmenu {display: inline-block;float:left; background: url('http://i40.servimg.com/u/f40/16/80/76/08/rewall13.png') no-repeat; width:285px; height:565px; margin:0px 0px 0px 0px;} #page #content { display: inline-block; float:left; background: url('http://i40.servimg.com/u/f40/16/80/76/08/rewall15.png') no-repeat; width:738px; height:565px; margin:0px 0px 0px 0px; padding:0px 20px 0px 5px;} #content p {line-height:22px; margin:0px 0px 25px 0px;} #content h2 {font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; font-size:26px; color:#3c3d3a; display:block; margin-bottom:20px;} #content a {color:#999999;} #content a:visited {color:#666666;} #content a:active { color:#99CC00;} #content a:hover {color:#000000; text-decoration:none;} #content h2 .seo {display:block; text-align:right; font-size:10px; color:#999999; padding:3px;margin:5px;} #content blockquote {display:block; padding:5px; margin:10px; text-align:center; font-family:Georgia, "Times New Roman", Times, serif; color:#383838; background:#c0c0c0; border-top:dashed 1px #666666; border-bottom:dashed 1px #666666;} #content blockquote p {margin:0px;} #content blockquote cite {color:#000000; display:block; text-align:right; padding:5px; border-top:solid 1px #FFFFFF;} #content img {background:#fffff; margin:5px; padding:5px; border:solid 0px #999999;} #content .alignleft {float:left;} #content .alignright {float:right;} #content .postmetadata {display:block; padding:3px; background: #E3EDAF;} #content h1,#content h3,#content h4,#content h5,#content h6 {color:#666600;} #content ul {list-style:square; padding:5px; margin:10px 10px 10px 20px;} #content li {padding:5px; margin-bottom:10px;} #content ol {padding:5px; margin:10px 10px 10px 20px;} #browse { background:url('http://i40.servimg.com/u/f40/16/80/76/08/postbo10.jpg') no-repeat; padding:40px 5px 10px 5px;} #browse .subhead{font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; padding-left:25px; font-size:26px; color:#666600; display:block; margin-bottom:35px;} #browse .categoryhead {font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; padding:5px; font-size:22px; color:#666600; display:block; border-bottom:solid 1px #ffffff;} #browse ul {list-style:none;} #browse li {display:block; height:25px; border-top:solid 1px #FEFEFC; border-top: solid 1px #EBE6B4;} #browse ul a {display:block; height:20px; padding:5px 5px 0px 5px; text-decoration:none; color:#000000;} #browse a:visited,active{display:block; height:20px; padding:5px 5px 0px 5px; text-decoration:none; color:#000000;border-bottom:solid 1px #D7C479;} #browse a:hover {background:#ffffff; color:#000000;} .browsecat {float:left; width:30%; padding:5px 6px 8px 6px; margin-left:10px; border:solid 1px #F3ECBE; background:#FBFAF0;} #menu h2 {display:block; color:#bbdd6d; border-bottom:solid 0px #DFCD95; padding:5px; font-family:Georgia, "Times New Roman", Times, serif; font-size:28px; font-weight:normal;} #wrap #page #menu #sidemenu {padding: 123px 45px 0px 187px; display: block;} #sidemenu ul { display:block;list-style:none;} #sidemenu a, #sidemenu a:visited, #sidemenu a:active {display:block; height:40px; padding:0px 0px 0px 0px; color:#808080; text-decoration:none;} #footer {background: url('http://i40.servimg.com/u/f40/16/80/76/08/rewall14.png') no-repeat; background-position:bottom; height:99px; width:1442px; text-align:center;} #footercontent {margin:0px; padding-top:35px;} #footer a, #footer a:visited, #footer a:active {color:#666666; text-decoration:none;} #footer #credit {font-size:10px;} .textfield {display: block; float:left; width:65%; background-color: #F3F4E8; margin:3px 3px 3px 30px; padding:3px; border: 1px solid #D6D9AE; clear:right;} label { display: block; float:left; text-align:right; font-weight:bold; width:20%; margin:3px; padding: 5px;} .button {display: block; padding:0px; background-color:#E3E6C8; margin:3px; border: 2px solid #efefef; color:#000000;} .textfield:hover {background:#FBFCF8;} .textfield:focus {background:#ffffff;} #content .clear2 {clear:right; width:90%;} .hide {display:none;} #content table {margin:10px; width:500px; border:solid 1px #BDDB99;} #content th {background:#DFEDCD; padding:5px 15px 5px 15px; color:#999933; font-weight:bold; text-align:center; } #content td {border-bottom:1px solid #DFEDCD ; padding:5px 15px 5px 15px; border-right:1px solid #DFEDCD;} ul.mainlevel a span { display:none } li#item1{ padding:15px 0px 0px 4px; } li#item2{ padding: 11px 0px 0px 4px;} li#item3{ padding: 11px 0px 0px 4px;} li#item4{ padding: 11px 0px 0px 2px;} li#item5{ padding: 6px 0px 0px 0px;} li#item1 a { display:block; width:150px; height:40px; background:url('http://i40.servimg.com/u/f40/16/80/76/08/home11.png'); } li#item2 a { display:block; width:150px; height:40px; background:url('http://i40.servimg.com/u/f40/16/80/76/08/forum10.png'); } li#item3 a { display:block; width:150px; height:40px; background:url('http://i40.servimg.com/u/f40/16/80/76/08/join10.png'); } li#item4 a { display:block; width:150px; height:40px; background:url('http://i40.servimg.com/u/f40/16/80/76/08/about10.png'); } li#item5 a { display:block; width:150px; height:40px; background:url('http://i40.servimg.com/u/f40/16/80/76/08/links10.png'); } li#item1 a:hover{background: url('http://i40.servimg.com/u/f40/16/80/76/08/homea10.png') ;} li#item2 a:hover{background: url('http://i40.servimg.com/u/f40/16/80/76/08/foruma10.png') ;} li#item3 a:hover{background: url('http://i40.servimg.com/u/f40/16/80/76/08/joina10.png') ;} li#item4 a:hover{background: url('http://i40.servimg.com/u/f40/16/80/76/08/abouta10.png') ;} li#item5 a:hover{background: url('http://i40.servimg.com/u/f40/16/80/76/08/linksa10.png') ;} #sidemenu .active1 a,#sidemenu .active1 a:visited, #sidemenu .active1 a:active, #sidemenu .active1 a:hover {background: url('http://i40.servimg.com/u/f40/16/80/76/08/homea10.png') ;} #sidemenu .active2 a,#sidemenu .active2 a:visited, #sidemenu .active2 a:active, #sidemenu .active2 a:hover {background: url('http://i40.servimg.com/u/f40/16/80/76/08/foruma10.png') ;} #sidemenu .active3 a,#sidemenu .active3 a:visited, #sidemenu .active3 a:active, #sidemenu .active3 a:hover {background: url('http://i40.servimg.com/u/f40/16/80/76/08/joina10.png') ;} #sidemenu .active4 a,#sidemenu .active4 a:visited, #sidemenu .active4 a:active, #sidemenu .active4 a:hover {background: url('http://i40.servimg.com/u/f40/16/80/76/08/abouta10.png') ;} #sidemenu .active5 a,#sidemenu .active5 a:visited, #sidemenu .active5 a:active, #sidemenu .active5 a:hover {background: url('http://i40.servimg.com/u/f40/16/80/76/08/linksa10.png') ;} </style> </head> <body> <div id="wrap"> <div id="header"> <h1 id="sitename"><FONT size=7 face=Taurus> </FONT> </h1> </div> <div id="page"> <div id="menu"> <div id="sidemenu"> <ul class="mainlevel"> <li id="item1"><a href="http://finalfatalforce.net/h1-page" class="mainlevel" title="Home page"><span>Home</span></a> <li id="item2"><a href="http://finalfatalforce.net/forum" class="mainlevel" title="Forum"><span>Forum</span></a> <li id="item3"><a href="http://finalfatalforce.net/h2-page" class="mainlevel" title="Want to join?"><span>Join</span></a> <li id="item4"><a href="http://finalfatalforce.net/h5-page" class="mainlevel" title="About us"><span>About</span></a> <li id="item5"><a href="http://finalfatalforce.net/h4-page" class="mainlevel" title="Friends & Links"><span>Links</span></a></li> </ul> </div> </div> <div id="content"> <h2>Главная страница<span class="seo">Preview</span></h2> <IMG class=alignright alt="Wellcome" src ="http://i40.servimg.com/u/f40/16/80/76/08/bish11.png" > <p> Добро пожаловать на сайт гильдии Final Fatal Force.<br> Это обычный вебсайт одной гильдии, без возможности просматривать новости/обновления/последние сообщения или постить что либо. Сделан чисто для ознакомления с гильдией, все обсуждения происходят на форуме: <a href="http://finalfatalforce.net/forum">finalfatalforce.net/forum</a> . Для незарегистрированых пользователей создать собственную тему и отвечать в других возможно только в разделе <a href="http://www.finalfatalforce.net/f7-forum">"Флуд"</a> . Но просматривать общие категории и темы могут абсолютно все гости.</p> <p> <a href="http://www.finalfatalforce.net/register">Ссылка для регистрации</a> . Все вопросы можно задать в разделе <a href="http://www.finalfatalforce.net/f9-forum">"Администрирование"</a> </p> <br> <br> <h2><span class="seo">Join Us</span></h2> <p> Если Вы хотите вступить в гильдию, то перейдите на наш форум в раздел <a href="http://www.finalfatalforce.net/f3-forum">"Прием в гильдию"</a> и внимательно прочитайте образец подачи заявок! Только после этого создайте новую тему и напишите там ответы на, поставленные перед Вами, вопросы.<br> О правилах подачи заявок так же можно прочитать в <a href="http://www.finalfatalforce.net/h2-page">этом</a> разделе.</p> </div> <div id="newmenu"></div> <div class="clear"></div> <div id="footer"> <div id="footercontent"> <p>Kito © 2012</p> <p><A href="http://www.finalfatalforce.net/forum">Forum</A> | <A href="http://www.finalfatalforce.net/f9-forum">Questions?</A> | <a href="http://www.forum2x2.ru" target="_blank">forum2x2.ru</a> </p> </div> </div> </div></div> </body> </html>