Как сделать...

Поддержка форумов на phpBB 3.0.x
Создание, раскрутка, оптимизация, редактирование и настройка форума.
Со всеми этими и другими вопросами обращайтесь в этот раздел.
GoDFaTHeR

Как сделать...

GoDFaTHeR 27 апр 2009, 08:55 Сообщение

Скачть FileZilla_3.2
http://depositfiles.com/files/1d5itrjb9 FileZilla_3.2.5_win32-setup



Многие задают вопросы о том КАК СДЕЛАТЬ что-то...

Данная статья универсальна и подходит почти для всех случаев в которых задействован HTML

Для понятия процесса нужно иметь первоначальные знание HTML (какой тэг за что отвечает)
Учим тут http://cabinetadmina.ru/viewtopic.php?f=30&t=579 там же и качаем настольную книгу верстальщика. :)

Итак что нам нужно? ЭТО исходный код страницы!!!
копируем его себе на комп и начинаем мучить :) удаляя не нужное

Вид-исходный код страницы, копируем в блокнот и блокнот сохраняем как page.HTML и пробуем открыть его в броузере. Мы получаем кривую страницу без стиля (если стиль прописан отдельно)
или полную копию страницы (если стиль прописан в HTML)

Я вас не призываю к воровству авторских идей, но иногда посмотрев на что то АВТОРСКОЕ можно сделать что то свое
Был вопрос про шапку форума up.4admins.ru http://cabinetadmina.ru/viewtopic.php?f=9&t=2069 как же ее сделать?

Берем исходный код страницы и просматриваем ее на наличие слов из шапки...

Вот что получилось откапать :)

Код: Выделить всё

<div id="header_container"> <div id="header_bg"> <span class="header-left"><a href="./index.php"><img src="./styles/mile100/imageset/../.././../images/http://cabinetadmina.ru/storage/up_4admins_ru/images/new_blue_logo.jpg" alt="" title=""></a></span> <span class="header-right"></span> <div class="banner" align="right"> <h1>Раскрутка форума (основы) - <a class="logolink" href="http://up.4admins.ru/viewtopic.php?f=6&amp;t=638">[читать]</a><br> Проверить тИЦ и PR, получить красивый информер - <a class="logolink" href="http://seo.4admins.ru">[перейти]</a><br> Домен бесплатно net.ru, org.ru, org.ua - <a class="logolink" href="http://up.4admins.ru/viewtopic.php?p=27227#p27227">[заказать]</a></h1> </div> </div></div> <div id="wrapheader">
ОГО такого в шаблоне нет... значит нужно добавить...приглядитесь внимательно на свой шаблон overal_header и на код
с любого форума а лучше со своего
[spoiledhide]

Код: Выделить всё

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="ru-ru" xml:lang="ru-ru"> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <meta http-equiv="content-language" content="ru-ru" /> <meta http-equiv="content-style-type" content="text/css" /> <meta http-equiv="imagetoolbar" content="no" /> <meta name="resource-type" content="document" /> <meta name="distribution" content="global" /> <meta name="copyright" content="4admins.ru" /> <meta name="keywords" content="Надпись в шапке форума Проверить тИЦ" /> <meta name="description" content="Надпись в шапке форума Конференция о раскрутке и оптимизации форумов в поисковых системах." /> <meta name='yandex-verification' content='78c5cc2096307cf1' /> <meta name="verify-v1" content="JVwbkbqKUVYyF7fZHf0zLzH+/8BLbooMPlUFB/RHKjk=" /> <meta name="verify-v1" content="cw+22AieVLp3ZKYC/7rE5OnvOHXgIxwIzQ1UaVBlgc0=" /> <meta name='yandex-verification' content='72d32d81a9128837' /> <link rel="alternate" type="application/rss+xml" title="Раскрутка форума, Все для форума, Домены net.ru бесплатно, Проверить тИЦ" href="/rss.php" /> <link rel="SHORTCUT ICON" href="http://admins.getbb.ru/images/http://cabinetadmina.ru/storage/up_4admins_ru/images/animated_favicon.gif"> <title>Надпись в шапке форума &bull; Раскрутка форума, Проверить тИЦ, Домен бесплатно, Все для форума, Оптимизация, Обмен сообщениями </title> <script type="text/javascript"> // <![CDATA[ var jump_page = 'Введите номер страницы, на которую хотите перейти:'; var on_page = '1'; var per_page = ''; var base_url = ''; var style_cookie = 'phpBBstyle'; var onload_functions = new Array(); var onunload_functions = new Array(); function popup(url, width, height, name) { if (!name) { name = '_popup'; } window.open(url.replace(/&amp;/g, '&'), name, 'height=' + height + ',resizable=yes,scrollbars=yes,width=' + width); return false; } function jumpto() { var page = prompt('Введите номер страницы, на которую хотите перейти:', '1'); var perpage = ''; var base_url = ''; if (page !== null && !isNaN(page) && page > 0) { document.location.href = base_url.replace(/&amp;/g, '&') + '&start=' + ((page - 1) * perpage); } } /** * Find a member */ function find_username(url) { popup(url, 760, 570, '_usersearch'); return false; } /** * Mark/unmark checklist * id = ID of parent container, name = name prefix, state = state [true/false] */ function marklist(id, name, state) { var parent = document.getElementById(id); if (!parent) { eval('parent = document.' + id); } if (!parent) { return; } var rb = parent.getElementsByTagName('input'); for (var r = 0; r < rb.length; r++) { if (rb[r].name.substr(0, name.length) == name) { rb[r].checked = state; } } } /** * New function for handling multiple calls to window.onload and window.unload by pentapenguin */ window.onload = function() { for (var i = 0; i < onload_functions.length; i++) { eval(onload_functions[i]); } } window.onunload = function() { for (var i = 0; i < onunload_functions.length; i++) { eval(onunload_functions[i]); } } // ]]> </script> <script type="text/javascript" src="./styles/prosilver/template/styleswitcher.js"></script> <link rel="stylesheet" href="./style.php?sid=de2469418a114292d6e000f4870a9bdf&amp;id=32&amp;lang=ru" type="text/css" /> <link href="./styles/prosilver/theme/normal.css" rel="stylesheet" type="text/css" title="A" /> <link href="./styles/prosilver/theme/medium.css" rel="alternate stylesheet" type="text/css" title="A+" /> <link href="./styles/prosilver/theme/large.css" rel="alternate stylesheet" type="text/css" title="A++" /> <META NAME="webmoney.attestation.label" CONTENT="webmoney attestation label#8B1D823D-CB0D-4398-BB4E-4AB47262535F"> </head> <body id="phpbb" class="section-viewtopic ltr"> <div id="wrap"> <a id="top" name="top" accesskey="t"></a> <div class="b"><div class="bl"><div class="br"> <div id="header_container"> <div id="header_bg"> <span class="header-left"><a href="./index.php"><img src="./styles/mile100/imageset/../.././../images/http://cabinetadmina.ru/storage/up_4admins_ru/images/new_blue_logo.jpg" alt="" title="" /></a></span> <span class="header-right"></span> <div align="right" class="banner"> <h1>Раскрутка форума (основы) - <a class="logolink" href=http://up.4admins.ru/viewtopic.php?f=6&t=638>[читать]</a><br> Проверить тИЦ и PR, получить красивый информер - <a class="logolink" href=http://seo.4admins.ru>[перейти]</a><br> Домен бесплатно net.ru, org.ru, org.ua - <a class="logolink" href=http://up.4admins.ru/viewtopic.php?p=27227#p27227>[заказать]</a></h1> </div> </div></div>
[/spoiledhide] ну очень сильно похоже:) а что будет если вы замените свой кусок шаюблона на этот? а получиться почти рабочая шапка!!! Не будут только работать переменные PHP т.к. они при переводе в HTML становяться постоянными.

Итак про страницу PAGE.HTML которую мы сделали на компе

Удалите все то что вам кажется не нужным из страницы (в блокноте или любом другом редакторе) сохраните изменения и откройте page.html
процедуру продолжайте до тех пор пока не получите нужный кусок

Например http://testadmina.getbb.ru
пришлось с сайта http://www.psygorodok.ru/ выдергивать картинкии и саму структуру что бы сделать верхнее меню и нижнюю полоску как на сайте...


Если у вас есть желание то можно разобрать все что сдесь написано на конкретных примерах ( про шапку не расскажу так как она авторская т.е. МОЯ, но дам подсказку это банер из стиля bo2soft)

Выкладывайте тут страницу и что нужно из нее выдернуть. будем разбираться вместе
На этом сервисе можно cоздать форум бесплатно
Домены для форума ТУТ

kazymyr

Re: Как сделать...

kazymyr 27 апр 2009, 16:29 Сообщение

Большое спасибо! Мне эта статья очень помогла!
Изображение

GoDFaTHeR

Re: Как сделать...

GoDFaTHeR 27 апр 2009, 16:42 Сообщение

:drink: ну давайте на примере нашей шапки и разберем как брать идею из написанного :)

Для полного вливания в тему "ВОЗЬМИ у ДРУГА!" нам понадобяться:
Броузер FireFox и несколько аддонов к нему: cssViewer и Edit Css

Если сами не найдете вечером выложу ссылки на скачивание
На этом сервисе можно cоздать форум бесплатно
Домены для форума ТУТ

kazymyr

Re: Как сделать...

kazymyr 27 апр 2009, 16:50 Сообщение

cssViewer и Edit Css

Эти пожалуйста. Боюсь скачать что-то не то.

P.S. Уже ненадо, я сам уже скачал. Вот ссылки (кому понадобится) :

Edit Css 0.3.7 & CSSViewer 1.0.3.
Последний раз редактировалось kazymyr 27 апр 2009, 17:37, всего редактировалось 1 раз.
Изображение

SPEED-MUSIC

Re: Как сделать...

SPEED-MUSIC 27 апр 2009, 16:59 Сообщение

прочитал три раза, залез в шаблон внёс изменения ничего не получилось надпись не там где надо а выше :( просто хочется сделать чтоб шапка не была такая пустая
http://www.speed-music.ru/

GoDFaTHeR

Re: Как сделать...

GoDFaTHeR 27 апр 2009, 20:19 Сообщение

SPEED-MUSIC писал(а):надпись не там где надо а выше

значит надо ставить в коде ниже

Скрин то покажи :)
На этом сервисе можно cоздать форум бесплатно
Домены для форума ТУТ

SPEED-MUSIC

Re: Как сделать...

SPEED-MUSIC 27 апр 2009, 20:27 Сообщение

GoDFaTHeR вот
Изображение
потом сделал так
Изображение
Шрифт большой и стоит всёже не там где надо
Вставил я код сюда
[spoiledhide]<div id="wrapheader"></div><div id="body">

<a name="top"></a>

<table border="0" cellspacing="0" cellpadding="0" width="100%" id="maintable" align="center">
<tr>
<td class="row-left" valign="top"><img src="./styles/custom_styles/speed_rx22_ru/theme/images/row_left_top.gif" width="4" height="100" alt="" /></td>
<td id="header" align="center" valign="top">
<div id="logorow">
<div id="logo-left"><div id="logo-right">
<a href="./index.php"><img src="./styles/custom_styles/speed_rx22_ru/imageset/../../.././../images/ranks/speed_rx22_ru/logo222322.png" alt="" title="" /></a>
</div></div>
</div>
<h1>Правила форума - <a class="logolink" href="http://www.speed-music.ru/viewtopic.php?f=58&t=6">[читать]</a><br></h1>
<div class="navrow">
<a href="./ucp.php">Личный раздел</a> &#8226; <a href="./ucp.php?i=pm&amp;folder=inbox">Новых ЛС: <strong>0</strong></a> &#8226; <a href="./faq.php">FAQ</a>[/spoiledhide]
http://www.speed-music.ru/

GoDFaTHeR

Re: Как сделать...

GoDFaTHeR 27 апр 2009, 21:12 Сообщение

SPEED-MUSIC
Ну значит не туда поставил точно :)

Итак разберемся :)
[spoiledhide]
<div id="header_container">
<div id="header_bg">
<span class="header-left"><a href="http://4admins.ru/index.php"><img src="http://4admins.ru/images/http://cabinetadmina.ru/storage/up_4admins_ru/images/new_blue_logo.jpg" alt="" title=""></a></span>
<span class="header-right"></span>
<div class="banner" align="right">
<h1>Раскрутка форума (основы) - <a class="logolink" href="http://4admins.ru/viewtopic.php?f=6&amp;t=638">[читать]</a><br>
Проверить тИЦ и PR, получить красивый информер - <a class="logolink" href="http://seo.4admins.ru">[перейти]</a><br>

Домен бесплатно net.ru, org.ru, org.ua - <a class="logolink" href="http://4admins.ru/viewtopic.php?p=27227#p27227">[заказать]</a></h1>
</div>
</div></div>
[/spoiledhide]
этот кусок должен отвечать за шапку! если его закинуть себе в шаблон получиться некое подобие нашей шапки( я специально ставлю прямые ссылки на картинки дабы все отображалось сразу) Попробуйте :)

Кривовато и фона с права нет :(

для того что бы научиться, нужно совершать ошибки :) попробуйте!!! :) пусть будет криво НО это действительно код нашей шапки :)

Что же сделать для того что бы все было корректно?

Для этого воспользуемся Edit Css 0.3.7 (ВИД-БОКОВАЯ ПАНЕЛЬ выбрать Edit css :) ) и посмотрим исходный стиль страницы
Вот он
[spoiledhide]/* Edited with EditCSS */
/**** LINK-tag style sheet style.php?sid=96a9be519bcaadce98e75eea6f1c558d&id=32&lang=ru ****/

/* phpBB 3.0 Style Sheet
--------------------------------------------------------------
Style name: 610nm
Author: Daniel St. Jules ( http://www.gamexe.net/ )
--------------------------------------------------------------
*/

/* Layout
------------ */
* {
/* Reset browsers default margin, padding and font sizes */
margin: 0;
padding: 0;
}


html {
font-size: 100%;
height: 100%;
width: 100%;
}

body {
background: #DCDCB7 url(http://4admins.ru/images/http://cabinetadmina.ru/storage/up_4admins_ru/images/bg_new_style.gif);
color: #4d4d4d;
font: 7pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
margin: 0px;
padding: 0px;
MARGIN-TOP: 10px;
MARGIN-BOTTOM: 0px;
MARGIN-LEFT: 0px;
MARGIN-RIGHT: 0px;
}

#logo {
display: block;
width: 100%;
}



#topnav {
height: 39px;
padding-top: 4px;
}

#wrap {
margin: 0 auto;
width: 96%;
min-width: 740px;
position: relative;
}

#wrapheader {
padding: 6px;
}

#wrapcentre {
padding: 6px;
}

#wrapfooter {
padding: 6px;
text-align: center;
clear: both;
}

#findbar {
width: 100%;
margin: 0;
padding: 0;
border: 0;
}

.forumrules {
background-color: #F9CC79;
border-width: 1px;
border-style: solid;
border-color: #BB9860;
padding: 4px;
font-weight: normal;
font-size: 1.1em;
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

.forumrules h3 {
color: red;
}

.clear { clear: all; }

/* Navigation
--------------------- */

#navcontainer {
width: 100%;
padding-bottom: 1px;
background: url("http://4admins.ru/images/http://cabinetadmina.ru/storage/up_4admins_ru/images/nav_background.PNG") top repeat-x;
}

#navcontainer ul { padding: 0; }
#navcontainer ul li { display: inline; }

#navcontainer ul {
margin: 0;
height: 44px;
padding: 0 10px 0 10px;
font-size: 1.1em;
}

#navcontainer ul li a {
padding: 12px 10px 0 10px;
height: 33px;
color: #53473F;
text-decoration: none;
float: left;
}

#navlist li a:hover, #navlist li a:active {
text-decoration: none;
text-align: left;
background: url("http://4admins.ru/images/http://cabinetadmina.ru/storage/up_4admins_ru/images/nav_background1_blue.png") top repeat-x;
}

/* Search box
--------------------- */
#search-box {
color: #FFFFFF;
display: block;
float: right;
text-align: right;
white-space: nowrap; /* For Opera */
border: 0;
}

#search-box input {
border: 0;
width: 139px;
height: 17px;
padding: 3px 5px 0 5px;
background: url("http://4admins.ru/images/http://cabinetadmina.ru/storage/up_4admins_ru/images/search.gif") top no-repeat;
color: #929292;
border: 0;
}

#search-box fieldset {
border: 0;
background: none;
}

#search-box input:hover, #search-box input:focus {
color: #BBBBBB;
background: url("http://4admins.ru/images/http://cabinetadmina.ru/storage/up_4admins_ru/images/search.gif") no-repeat;
background-position: 0 0px;
}

/* Round cornered boxes and backgrounds
--------------------------------------------------------- */

#header_bg {
height: 102px;
background: url("http://4admins.ru/images/http://cabinetadmina.ru/storage/up_4admins_ru/images/header_right_blue.jpg") top right no-repeat;
}

#header_container {
background: url("http://4admins.ru/images/http://cabinetadmina.ru/storage/up_4admins_ru/images/header_bg_blue.gif") top repeat-x;
display: block;
width: 100%;
}

.b {
background: #F3F3EE url("http://4admins.ru/images/http://cabinetadmina.ru/storage/up_4admins_ru/images/footer_bg.PNG") bottom repeat-x;
}

.bl {
background: url("http://4admins.ru/images/http://cabinetadmina.ru/storage/up_4admins_ru/images/footer_left.PNG") bottom left no-repeat;
}

.br {
background: url("http://4admins.ru/images/http://cabinetadmina.ru/storage/up_4admins_ru/images/footer_right.PNG") bottom right no-repeat;
padding-bottom: 55px;
}

.navbar {
background-color: #D7D7C2;
padding: 10px 20px 10px 5px;
margin-bottom: 15px;
display: block;
}

ul.linklist li {
list-style-type: none;
}

/* Text
--------------------- */
h1 {
color: white;
font-family: "Verdana", "Trebuchet MS", Verdana, sans-serif;
font-size: 1.0em;
text-decoration: none;
}

h2 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 1.5em;
text-decoration: none;
line-height: 120%;
}

h3 {
font-size: 1.3em;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
line-height: 120%;
}

h4 {
margin: 0;
font-size: 1.1em;
font-weight: bold;
}

p {
font-size: 1.1em;
}

p.moderators {
margin: 0;
float: left;
color: black;
font-weight: bold;
}

.rtl p.moderators {
float: right;
}

p.linkmcp {
margin: 0;
float: right;
white-space: nowrap;
}

.rtl p.linkmcp {
float: left;
}

p.breadcrumbs {
margin: 0;
float: left;
color: black;
font-weight: bold;
white-space: normal;
font-size: 1em;
}

.rtl p.breadcrumbs {
float: right;
}

p.datetime {
margin: 0;
float: right;
white-space: nowrap;
font-size: 1em;
}

.rtl p.datetime {
float: left;
}

p.searchbar {
white-space: nowrap;
}

p.searchbarreg {
margin: 0;
float: right;
white-space: nowrap;
}

.rtl p.searchbarreg {
float: left;
}

p.forumdesc {
padding-bottom: 4px;
}

p.topicauthor {
margin: 1px 0;
}

p.topicdetails {
margin: 1px 0;
}

.postreported, .postreported a:visited, .postreported a:hover, .postreported a:link, .postreported a:active {
margin: 1px 0;
color: red;
font-weight:bold;
}

.postapprove, .postapprove a:visited, .postapprove a:hover, .postapprove a:link, .postapprove a:active {
color: green;
font-weight:bold;
}

.postapprove img, .postreported img {
vertical-align: bottom;
}

.postauthor {
color: #000000;
}

.postdetails {
color: #000000;
}

.postbody {
font-size: 1.3em;
line-height: 1.4em;
font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
}

.postbody li, ol, ul {
margin: 0 0 0 1.5em;
}

.rtl .postbody li, .rtl ol, .rtl ul {
margin: 0 1.5em 0 0;
}

.posthilit {
background-color: yellow;
}

.nav {
margin: 0;
color: black;
font-weight: bold;
}

.pagination {
padding: 4px;
color: black;
font-size: 1em;
font-weight: bold;
}

.cattitle {

}

.gen {
margin: 1px 1px;
font-size: 1.2em;
}

.genmed {
margin: 1px 1px;
font-size: 1.1em;
}

.gensmall {
margin: 1px 1px;
font-size: 1em;
}

.copyright {
color: #444;
font-weight: normal;
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

.titles {
font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
font-weight: bold;
font-size: 1.3em;
text-decoration: none;
}

.error {
color: red;
}


/* Tables
------------ */
th {
color: white;
font-size: 1.1em;
font-weight: bold;
background: url('http://4admins.ru/images/http://cabinetadmina.ru/storage/up_4admins_ru/images/forum_name.png') top repeat-x;
white-space: nowrap;
padding: 0 5px;
height: 25px;
}

td {
padding: 2px;
}
td.profile {
padding: 4px;
}

.tablebg {
background-color: #d9d9c2;
}

.catdiv {
height: 28px;
margin: 0;
padding: 0;
border: 0;
background: white url('./styles/mile100/theme/images/cellpic2.jpg') repeat-y scroll top left;
}
.rtl .catdiv {
background: white url('./styles/mile100/theme/images/cellpic2_rtl.jpg') repeat-y scroll top right;
}

.cat {
height: 28px;
margin: 0;
padding: 0;
border: 0;
background: #E8E8E3 url('http://4admins.ru/images/http://cabinetadmina.ru/storage/up_4admins_ru/images/cellpic1.gif') repeat-x;
text-indent: 4px;
}

.navigacia {
background: #DEDECA url('http://4admins.ru/images/http://cabinetadmina.ru/storage/up_4admins_ru/images/row0.PNG') repeat-x;
color: #626262;
border-left: 1px solid #f5f5e7;
border-top: 1px solid #f5f5e7;
margin: 0;
height: 22px;
padding: 0 10px 0 10px;
font-size: 1.1em;
}

.row0 {
background: #DEDECA url('http://4admins.ru/images/http://cabinetadmina.ru/storage/up_4admins_ru/images/row0.PNG') repeat-x;
color: #626262;
border-left: 1px solid #f5f5e7;
border-top: 1px solid #f5f5e7;
}

.row1 {
background: #eeeee0;
color: #626262;
border-left: 1px solid #f5f5e7;
border-top: 1px solid #f5f5e7;

}

.row2 {
background: #eaeadb;
color: #4d4d4d;
border-left: 1px solid #f5f5e7;
border-top: 1px solid #f5f5e7;
}

.row3 {
background: #eeeee0;
color: #626262;
border-left: 1px solid #f5f5e7;
border-top: 1px solid #f5f5e7;
}

.row4 {
background: #eeeee0; url('http://4admins.ru/images/http://cabinetadmina.ru/storage/up_4admins_ru/images/row11.gif') repeat-x;
padding: 4px;
border-left: 1px solid #f5f5e7;
border-top: 1px solid #f5f5e7;
}

.row4:hover {
background: #eeedde url('http://mybb2.ru//uploads/20090121/123253456652597274.gif') repeat-x;
padding: 4px;
border-left: 1px solid #f5f5e7;
border-top: 1px solid #f5f5e7;
}

.spacer {
background: #E0E0E0 url('http://4admins.ru/images/http://cabinetadmina.ru/storage/up_4admins_ru/images/space.gif') repeat-x;
}

hr {
height: 1px;
border-width: 0;
background-color: #D1D7DC;
color: #D1D7DC;
}

.legend {
text-align:center;
margin: 0 auto;
}

/* Links
------------ */
a:link {color: #6284aa; text-decoration: none;}
a:visited {color: #6284aa;text-decoration: none;}
a:hover {color: #99977e;}
a:active {color: #99977e;}

a.forumlink {
font-weight: bold;
font-family: "Verdana", Helvetica, Arial, sans-serif;
/* font-family: "Lucida Grande", Helvetica, Arial, sans-serif; */
font-size: 1.2em;
text-decoration: underline;
}


a.logolink {
color:white;
font-weight: bold;
font-family: Verdana", Helvetica, Arial, sans-serif;
/* font-family: "Lucida Grande", Helvetica, Arial, sans-serif; */
font-size: 1.0em;
text-decoration: underline;
}

a.logolink:hover {
color:#99977e;
font-weight: bold;
font-family: Verdana", Helvetica, Arial, sans-serif;
/* font-family: "Lucida Grande", Helvetica, Arial, sans-serif; */
font-size: 1.0em;
text-decoration: underline;
}


a.topictitle, a.topictitle:visited {
margin: 1px 0;
font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
font-weight: bold;
font-size: 1.2em;
}

th a,
th a:visited {
color: white !important;
text-decoration: none;
}

th a:hover {
text-decoration: none;
}


/* Form Elements
------------ */
form {
margin: 0;
padding: 0;
border: 0;
}

input {
color: #3D3D3F;
font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
font-size: 1.1em;
font-weight: normal;
padding: 2px;
border: 1px solid #B2B296;
background-color: #F2F2F2;
vertical-align: middle;
}

input:hover, input:focus, select:hover, select:focus {
border: 1px solid #78786E;
background-color: #FFF;
}

textarea {
background: #EEEEEE url("http://4admins.ru/images/http://cabinetadmina.ru/storage/up_4admins_ru/images/textarea.gif") top repeat-x;
color: #333333;
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
font-size: 1.3em;
line-height: 1.4em;
font-weight: normal;
border: 1px solid #B2B296;
padding: 2px;
vertical-align: middle;
}

textarea:hover, textarea:focus {
border: 1px solid #78786E;
}

select {
color: #333333;
background-color: #FAFAFA;
font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
font-size: 1.1em;
font-weight: normal;
border: 1px solid #B2B296;
padding: 1px;
vertical-align: middle;
}

option {
padding: 0 1em 0 0;
}

option.disabled-option {
color: graytext;
}

.rtl option {
padding: 0 0 0 1em;
}

input.radio {
border: none;
background-color: transparent;
vertical-align: middle;
}

.post {
background-color: white;
border-style: solid;
border-width: 1px;
}

.btnbbcode {
color: #000000;
font-weight: normal;
font-size: 1.1em;
font-family: "Verdana", Verdana, Helvetica, sans-serif;
}

.btnmain {
font-weight: bold;
cursor: pointer;
padding: 1px 5px;
font-size: 1.1em;
}

.btnlite {
font-weight: normal;
cursor: pointer;
padding: 1px 5px;
font-size: 1.1em;
}

.btnfile {
font-weight: normal;
padding: 1px 5px;
font-size: 1.1em;
}

.btnmain, .btnlite, .btnfile {
background: url("http://4admins.ru/images/http://cabinetadmina.ru/storage/up_4admins_ru/images/submit.gif") top repeat-x;
color: #575757;
}

.btnmain:hover, .btnmain:focus, .btnlite:hover, .btnlite:focus, .btnfile:hover, .btnfile:focus {
background-position: 0 -40px;
border: 1px #93937B solid;
color: #363636;
}

.btnbbcode {
background: url("http://4admins.ru/images/http://cabinetadmina.ru/storage/up_4admins_ru/images/bbcode.gif") top repeat-x;
color: #575757;
}

.btnbbcode:hover, .btnbbcode:focus {
background-position: 0 -40px;
border: 1px #9B8A72 solid;
color: #363636;
}

.helpline, .helpline:hover, .helpline:focus {
background: transparent;
border-style: none;
}


/* BBCode
------------ */
.quotetitle, .attachtitle {
margin: 10px 5px 0 5px;
padding: 4px;
border-width: 1px 1px 0 1px;
border-style: solid;
border-color: #ABAB9C;
color: #333333;
font-size: 0.85em;
font-weight: bold;
background: #EEEEEE url("http://4admins.ru/images/http://cabinetadmina.ru/storage/up_4admins_ru/images/cellpic1.gif") top repeat-x;
}

.quotetitle .quotetitle {
font-size: 1em;
}

.quotecontent, .attachcontent {
margin: 0 5px 10px 5px;
padding: 5px;
border-color: #A9B8C2;
border-width: 0 1px 1px 1px;
border-style: solid;
font-weight: normal;
font-size: 1em;
line-height: 1.4em;
font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
background: #EEEEEE url("http://4admins.ru/images/http://cabinetadmina.ru/storage/up_4admins_ru/images/textarea.gif") top repeat-x;
color: #4B5C77;
}

.attachcontent {
font-size: 0.85em;
}

.codetitle {
margin: 10px 5px 0 5px;
padding: 2px 4px;
border-width: 1px 1px 0 1px;
border-style: solid;
color: #333333;
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
font-size: 0.8em;
border-color: #ABAB9C;
background: #EEEEEE url("http://4admins.ru/images/http://cabinetadmina.ru/storage/up_4admins_ru/images/cellpic1.gif") top repeat-x;
}

.codecontent {
direction: ltr;
margin: 0 5px 10px 5px;
padding: 5px;
border-color: #A9B8C2;
border-width: 0 1px 1px 1px;
border-style: solid;
font-weight: normal;
color: #006600;
font-size: 0.85em;
font-family: Monaco, 'Courier New', monospace;
background: #EEEEEE url("http://4admins.ru/images/http://cabinetadmina.ru/storage/up_4admins_ru/images/textarea.gif") top repeat-x;
}

.syntaxbg {
color: #FFFFFF;
}

.syntaxcomment {
color: #FF8000;
}

.syntaxdefault {
color: #0000BB;
}

.syntaxhtml {
color: #000000;
}

.syntaxkeyword {
color: #007700;
}

.syntaxstring {
color: #DD0000;
}


/* Private messages
------------------ */
.pm_marked_colour {
background-color: #000000;
}

.pm_replied_colour {
background-color: #A9B8C2;
}

.pm_friend_colour {
background-color: #007700;
}

.pm_foe_colour {
background-color: #DD0000;
}

/* Buttons
--------------- */

a.fontsize {
display: block;
overflow: hidden;
height: 18px;
text-indent: -5000px;
text-align: left;
background-repeat: no-repeat;
background-image: url("http://4admins.ru/images/http://cabinetadmina.ru/storage/up_4admins_ru/images/icon_fontsize.gif");
background-position: 0 -1px;
width: 29px;
position: absolute;
top: 6px;
left: 0px;
}

a.fontsize:hover {
background-position: 0 -20px;
text-decoration: none;
}

.reply-icon {
float: left; display: block; width: 96px; height: 25px;
background: url("./styles/mile100/imageset/ru/../../.././../images/http://cabinetadmina.ru/storage/up_4admins_ru/images/button_topic_reply.gif") 0 0 no-repeat;
margin-right: 10px;
}
.post-icon {
float: left; display: block; width: 96px; height: 25px;
background: url("./styles/mile100/imageset/ru/../../.././../images/http://cabinetadmina.ru/storage/up_4admins_ru/images/button_topic_new.gif") 0 0 no-repeat;
margin-right: 10px;
}
.locked-icon {
float: left; display: block; width: 96px; height: 25px;
background: url("./styles/mile100/imageset/ru/../../.././../images/http://cabinetadmina.ru/storage/up_4admins_ru/images/button_topic_locked.gif") 0 0 no-repeat;
margin-right: 10px;
}
.pmreply-icon {
float: left; display: block; width: 96px; height: 25px;
background: url("./styles/mile100/imageset/ru/../../.././../images/http://cabinetadmina.ru/storage/up_4admins_ru/images/button_topic_reply.gif") 0 0 no-repeat;
margin-right: 10px;
}
.newpm-icon {
float: left; display: block; width: 96px; height: 25px;
background: url("./styles/mile100/imageset/ru/../../.././../images/http://cabinetadmina.ru/storage/up_4admins_ru/images/button_pm_new.gif") 0 0 no-repeat;
margin-right: 10px;
}

.reply-icon span, .post-icon span, .locked-icon span, .pmreply-icon span, .newpm-icon span {
display: none; text-indent: -5000px;
}

.reply-icon:hover, .post-icon:hover, .locked-icon:hover, .pmreply-icon:hover, .newpm-icon:hover {
background-position: 0 -25px;
}

/* Misc
------------ */
img {
border: none;
}

.sep {
color: black;
background-color: #FFA34F;
}

table.colortable td {
padding: 0;
}

pre {
font-size: 1.1em;
font-family: Monaco, 'Courier New', monospace;
}

.nowrap {
white-space: nowrap;
}

.username-coloured {
font-weight: bold;
}

/* Header */

div.header {

height: 122px;
clear: both;
}

div.header span.header-left, span.header-right {
display: block;
width: 250px;
height: 122px;

}

span.header-left {
background-position: 0 0;
float: left;
margin-right: 10px;
}

span.header-right {
width:20px;
background-position: 100% 0%;
float: right;
}

div.banner {
padding:28px 0 0 0;
color:#FFF;
}

#main-right {
padding: 0 12px 0 0;

}

#main-left {
padding: 0 0 0 12px;

}

#maink-right {
padding: 0 5px 0 0;

}

#maink-left {
padding: 0 0 0 5px;

}

.clear {
clear: both;
}


/**** LINK-tag style sheet normal.css ****/

body {
font-size: 10px;
}[/spoiledhide]

мы ищем div :) КАК ПРАВИЛО DIV и SPAN сидят именно там :)

А именно мы ищем div
header_container
header_bg
span.header-left,
span.header-right
banner



#header_container
{
background: url("http://4admins.ru/images/http://cabinetadmina.ru/storage/up_4admins_ru/images/header_bg_blue.gif") top repeat-x;
display: block;
width: 100%;
}
#header_bg {
height: 102px;
background: url("http://4admins.ru/images/http://cabinetadmina.ru/storage/up_4admins_ru/images/header_right_blue.jpg") top right no-repeat;
}

div.header span.header-left, span.header-right {
display: block;
width: 250px;
height: 122px;

}

span.header-left {
background-position: 0 0;
float: left;
margin-right: 10px;
}
span.header-right {
width:20px;
background-position: 100% 0%;
float: right;
}
и

div.banner
{
padding:28px 0 0 0;
color:#FFF;
}

Что же произойдет с шапкой если мы добавим этот код?
[spoiledhide]
#header_container
{
background: url("http://4admins.ru/images/http://cabinetadmina.ru/storage/up_4admins_ru/images/header_bg_blue.gif") top repeat-x;
display: block;
width: 100%;
}
#header_bg {
height: 102px;
background: url("http://4admins.ru/images/http://cabinetadmina.ru/storage/up_4admins_ru/images/header_right_blue.jpg") top right no-repeat;
}

div.header span.header-left, span.header-right {
display: block;
width: 250px;
height: 122px;

}

span.header-left {
background-position: 0 0;
float: left;
margin-right: 10px;
}
span.header-right {
width:20px;
background-position: 100% 0%;
float: right;
}
и

div.banner
{
padding:28px 0 0 0;
color:#FFF;
}[/spoiledhide]

Мы этим кодом поставим нашу шапку на любой стиль т.к. все нюансы охвачены !!!

Пробуйте :) и по аналогии пытайтесь сделать тоже самое :) Логотип поменяйте на свой бэкграунд тоже :)

Вроде все :)


Есть вопросы относительно других страниц? пишите тут...
На этом сервисе можно cоздать форум бесплатно
Домены для форума ТУТ

SPEED-MUSIC

Re: Как сделать...

SPEED-MUSIC 28 апр 2009, 15:35 Сообщение

GoDFaTHeR спасибо будем пробовать :)

добавлено -- 29 апр 2009, 14:39 --

Извиняюсь за второй пост вподряд. у меня опять ничего не вышло или я просто не понимаю. :(
http://www.speed-music.ru/

Loveaction

Re: Как сделать...

Loveaction 29 апр 2009, 18:15 Сообщение

GoDFaTHeR, молодчина просто. Думаю многим поможет! :drink: :)
Правила форума up.4admins.ru

Внимание! Оставить заявку на создание логотипа,
вы можете в разделе 4админс "Ваше творение", подфорум
"Логотип на заказ".

Migration&Kommunikation форум по Германии

GoDFaTHeR

Re: Как сделать...

GoDFaTHeR 29 апр 2009, 19:07 Сообщение

SPEED-MUSIC писал(а):у меня опять ничего не вышло или я просто не понимаю.

И что же у тебя не вышло?? может какой пункт пропустил?
На этом сервисе можно cоздать форум бесплатно
Домены для форума ТУТ

SPEED-MUSIC

Re: Как сделать...

SPEED-MUSIC 29 апр 2009, 19:11 Сообщение

GoDFaTHeR у меня этого в теме нету
header_container
header_bg
span.header-left,
span.header-right
banner
http://www.speed-music.ru/

GoDFaTHeR

Re: Как сделать...

GoDFaTHeR 29 апр 2009, 19:38 Сообщение

GoDFaTHeR писал(а):Что же произойдет с шапкой если мы добавим этот код?

SPEED-MUSIC писал(а):GoDFaTHeR у меня этого в теме нету
header_container
header_bg
span.header-left,
span.header-right
banner

логично что нет,
GoDFaTHeR писал(а):Что же произойдет с шапкой если мы добавим этот код?
На этом сервисе можно cоздать форум бесплатно
Домены для форума ТУТ

SPEED-MUSIC

Re: Как сделать...

SPEED-MUSIC 29 апр 2009, 19:42 Сообщение

GoDFaTHeR писал(а):Что же произойдет с шапкой если мы добавим этот код?
странно но ничего не произошло :(
http://www.speed-music.ru/

GoDFaTHeR

Re: Как сделать...

GoDFaTHeR 29 апр 2009, 19:55 Сообщение

SPEED-MUSIC
а ты код то добавил в стиль?
На этом сервисе можно cоздать форум бесплатно
Домены для форума ТУТ



Похожие темы

Вернуться в «Обсуждение вопросов»

Кто сейчас на конференции

Сейчас этот форум просматривают: Majestic-12 [Bot] и 1 гость