Скачть FileZilla_3.2
http://depositfiles.com/files/1d5itrjb9 FileZilla_3.2.5_win32-setup
Многие задают вопросы о том КАК СДЕЛАТЬ что-то...
Данная статья универсальна и подходит почти для всех случаев в которых задействован HTML
Для понятия процесса нужно иметь первоначальные знание HTML (какой тэг за что отвечает)
Учим тут https://cabinetadmina.ru/viewtopic.php?f=30&t=579 там же и качаем настольную книгу верстальщика.
Итак что нам нужно? ЭТО исходный код страницы!!!
копируем его себе на комп и начинаем мучить удаляя не нужное
Вид-исходный код страницы, копируем в блокнот и блокнот сохраняем как page.HTML и пробуем открыть его в броузере. Мы получаем кривую страницу без стиля (если стиль прописан отдельно)
или полную копию страницы (если стиль прописан в HTML)
Я вас не призываю к воровству авторских идей, но иногда посмотрев на что то АВТОРСКОЕ можно сделать что то свое
Был вопрос про шапку форума up.4admins.ru https://cabinetadmina.ru/viewtopic.php?f=9&t=2069 как же ее сделать?
Берем исходный код страницы и просматриваем ее на наличие слов из шапки...
Вот что получилось откапать ОГО такого в шаблоне нет... значит нужно добавить...приглядитесь внимательно на свой шаблон overal_header и на код
с любого форума а лучше со своего
[spoiledhide][/spoiledhide] ну очень сильно похоже:) а что будет если вы замените свой кусок шаюблона на этот? а получиться почти рабочая шапка!!! Не будут только работать переменные PHP т.к. они при переводе в HTML становяться постоянными.
Итак про страницу PAGE.HTML которую мы сделали на компе
Удалите все то что вам кажется не нужным из страницы (в блокноте или любом другом редакторе) сохраните изменения и откройте page.html
процедуру продолжайте до тех пор пока не получите нужный кусок
Например http://testadmina.getbb.ru
пришлось с сайта http://www.psygorodok.ru/ выдергивать картинкии и саму структуру что бы сделать верхнее меню и нижнюю полоску как на сайте...
Если у вас есть желание то можно разобрать все что сдесь написано на конкретных примерах ( про шапку не расскажу так как она авторская т.е. МОЯ, но дам подсказку это банер из стиля bo2soft)
Выкладывайте тут страницу и что нужно из нее выдернуть. будем разбираться вместе
http://depositfiles.com/files/1d5itrjb9 FileZilla_3.2.5_win32-setup
Многие задают вопросы о том КАК СДЕЛАТЬ что-то...
Данная статья универсальна и подходит почти для всех случаев в которых задействован HTML
Для понятия процесса нужно иметь первоначальные знание HTML (какой тэг за что отвечает)
Учим тут https://cabinetadmina.ru/viewtopic.php?f=30&t=579 там же и качаем настольную книгу верстальщика.
Итак что нам нужно? ЭТО исходный код страницы!!!
копируем его себе на комп и начинаем мучить удаляя не нужное
Вид-исходный код страницы, копируем в блокнот и блокнот сохраняем как page.HTML и пробуем открыть его в броузере. Мы получаем кривую страницу без стиля (если стиль прописан отдельно)
или полную копию страницы (если стиль прописан в HTML)
Я вас не призываю к воровству авторских идей, но иногда посмотрев на что то АВТОРСКОЕ можно сделать что то свое
Был вопрос про шапку форума up.4admins.ru https://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://up.4admins.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="https://cabinetadmina.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="https://cabinetadmina.ru/viewtopic.php?p=27227#p27227">[заказать]</a></h1>
</div>
</div></div>
<div id="wrapheader">
с любого форума а лучше со своего
[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="https://cabinetadmina.ru/images/http://up.4admins.ru/storage/up_4admins_ru/images/animated_favicon.gif">
<title>Надпись в шапке форума • Раскрутка форума, Проверить тИЦ, Домен бесплатно, Все для форума, Оптимизация, Обмен сообщениями </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(/&/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(/&/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&id=32&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://up.4admins.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=https://cabinetadmina.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=https://cabinetadmina.ru/viewtopic.php?p=27227#p27227>[заказать]</a></h1>
</div>
</div></div>
Итак про страницу PAGE.HTML которую мы сделали на компе
Удалите все то что вам кажется не нужным из страницы (в блокноте или любом другом редакторе) сохраните изменения и откройте page.html
процедуру продолжайте до тех пор пока не получите нужный кусок
Например http://testadmina.getbb.ru
пришлось с сайта http://www.psygorodok.ru/ выдергивать картинкии и саму структуру что бы сделать верхнее меню и нижнюю полоску как на сайте...
Если у вас есть желание то можно разобрать все что сдесь написано на конкретных примерах ( про шапку не расскажу так как она авторская т.е. МОЯ, но дам подсказку это банер из стиля bo2soft)
Выкладывайте тут страницу и что нужно из нее выдернуть. будем разбираться вместе
Комментарии: 88
- kazymyr
- Сообщения: 467
- Зарегистрирован: 18 мар 2009, 14:28
- Пол: Муж
Большое спасибо! Мне эта статья очень помогла!
ну давайте на примере нашей шапки и разберем как брать идею из написанного
Для полного вливания в тему "ВОЗЬМИ у ДРУГА!" нам понадобяться:
Броузер FireFox и несколько аддонов к нему: cssViewer и Edit Css
Если сами не найдете вечером выложу ссылки на скачивание
Для полного вливания в тему "ВОЗЬМИ у ДРУГА!" нам понадобяться:
Броузер FireFox и несколько аддонов к нему: cssViewer и Edit Css
Если сами не найдете вечером выложу ссылки на скачивание
- kazymyr
- Сообщения: 467
- Зарегистрирован: 18 мар 2009, 14:28
- Пол: Муж
Эти пожалуйста. Боюсь скачать что-то не то.cssViewer и Edit Css
P.S. Уже ненадо, я сам уже скачал. Вот ссылки (кому понадобится) :
Edit Css 0.3.7 & CSSViewer 1.0.3.
Последний раз редактировалось kazymyr 27 апр 2009, 17:37, всего редактировалось 1 раз.
- SPEED-MUSIC
- Сообщения: 266
- Зарегистрирован: 14 мар 2009, 23:40
- Пол: Муж
прочитал три раза, залез в шаблон внёс изменения ничего не получилось надпись не там где надо а выше просто хочется сделать чтоб шапка не была такая пустая
значит надо ставить в коде нижеSPEED-MUSIC писал(а):надпись не там где надо а выше
Скрин то покажи
- SPEED-MUSIC
- Сообщения: 266
- Зарегистрирован: 14 мар 2009, 23:40
- Пол: Муж
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 ... a><br></h1>
<div class="navrow">
<a href="./ucp.php">Личный раздел</a> • <a href="./ucp.php?i=pm&folder=inbox">Новых ЛС: <strong>0</strong></a> • <a href="./faq.php">FAQ</a>[/spoiledhide]
потом сделал так
Шрифт большой и стоит всёже не там где надо
Вставил я код сюда
[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 ... a><br></h1>
<div class="navrow">
<a href="./ucp.php">Личный раздел</a> • <a href="./ucp.php?i=pm&folder=inbox">Новых ЛС: <strong>0</strong></a> • <a href="./faq.php">FAQ</a>[/spoiledhide]
SPEED-MUSIC
Ну значит не туда поставил точно
Итак разберемся
[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/ranks/admins_g ... _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/ranks/admins_g ... ground.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/ranks/admins_g ... 1_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/ranks/admins_g ... 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/ranks/admins_g ... search.gif") no-repeat;
background-position: 0 0px;
}
/* Round cornered boxes and backgrounds
--------------------------------------------------------- */
#header_bg {
height: 102px;
background: url("http://4admins.ru/images/ranks/admins_g ... t_blue.jpg") top right no-repeat;
}
#header_container {
background: url("http://4admins.ru/images/ranks/admins_g ... g_blue.gif") top repeat-x;
display: block;
width: 100%;
}
.b {
background: #F3F3EE url("http://4admins.ru/images/ranks/admins_g ... ter_bg.PNG") bottom repeat-x;
}
.bl {
background: url("http://4admins.ru/images/ranks/admins_g ... r_left.PNG") bottom left no-repeat;
}
.br {
background: url("http://4admins.ru/images/ranks/admins_g ... _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/ranks/admins_g ... m_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/ranks/admins_g ... llpic1.gif') repeat-x;
text-indent: 4px;
}
.navigacia {
background: #DEDECA url('http://4admins.ru/images/http://up.4admins.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://up.4admins.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/ranks/admins_g ... /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/12325 ... 597274.gif') repeat-x;
padding: 4px;
border-left: 1px solid #f5f5e7;
border-top: 1px solid #f5f5e7;
}
.spacer {
background: #E0E0E0 url('http://4admins.ru/images/ranks/admins_g ... /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/ranks/admins_g ... xtarea.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/ranks/admins_g ... 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/ranks/admins_g ... 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/ranks/admins_g ... llpic1.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/ranks/admins_g ... xtarea.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/ranks/admins_g ... llpic1.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/ranks/admins_g ... xtarea.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/ranks/admins_g ... ntsize.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://up.4admins.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://up.4admins.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://up.4admins.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://up.4admins.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://up.4admins.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/ranks/admins_g ... g_blue.gif") top repeat-x;
display: block;
width: 100%;
}
#header_bg {
height: 102px;
background: url("http://4admins.ru/images/ranks/admins_g ... t_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/ranks/admins_g ... g_blue.gif") top repeat-x;
display: block;
width: 100%;
}
#header_bg {
height: 102px;
background: url("http://4admins.ru/images/ranks/admins_g ... t_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]
Мы этим кодом поставим нашу шапку на любой стиль т.к. все нюансы охвачены !!!
Пробуйте и по аналогии пытайтесь сделать тоже самое Логотип поменяйте на свой бэкграунд тоже
Вроде все
Есть вопросы относительно других страниц? пишите тут...
Ну значит не туда поставил точно
Итак разберемся
[spoiledhide]
[/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/ranks/admins_g ... e_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&t=6 ... ть]</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 ... ь]</a></h1>
</div>
</div></div>
этот кусок должен отвечать за шапку! если его закинуть себе в шаблон получиться некое подобие нашей шапки( я специально ставлю прямые ссылки на картинки дабы все отображалось сразу) Попробуйте
Кривовато и фона с права нет
для того что бы научиться, нужно совершать ошибки попробуйте!!! пусть будет криво НО это действительно код нашей шапки
Что же сделать для того что бы все было корректно?
Для этого воспользуемся 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/ranks/admins_g ... _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/ranks/admins_g ... ground.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/ranks/admins_g ... 1_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/ranks/admins_g ... 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/ranks/admins_g ... search.gif") no-repeat;
background-position: 0 0px;
}
/* Round cornered boxes and backgrounds
--------------------------------------------------------- */
#header_bg {
height: 102px;
background: url("http://4admins.ru/images/ranks/admins_g ... t_blue.jpg") top right no-repeat;
}
#header_container {
background: url("http://4admins.ru/images/ranks/admins_g ... g_blue.gif") top repeat-x;
display: block;
width: 100%;
}
.b {
background: #F3F3EE url("http://4admins.ru/images/ranks/admins_g ... ter_bg.PNG") bottom repeat-x;
}
.bl {
background: url("http://4admins.ru/images/ranks/admins_g ... r_left.PNG") bottom left no-repeat;
}
.br {
background: url("http://4admins.ru/images/ranks/admins_g ... _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/ranks/admins_g ... m_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/ranks/admins_g ... llpic1.gif') repeat-x;
text-indent: 4px;
}
.navigacia {
background: #DEDECA url('http://4admins.ru/images/http://up.4admins.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://up.4admins.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/ranks/admins_g ... /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/12325 ... 597274.gif') repeat-x;
padding: 4px;
border-left: 1px solid #f5f5e7;
border-top: 1px solid #f5f5e7;
}
.spacer {
background: #E0E0E0 url('http://4admins.ru/images/ranks/admins_g ... /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/ranks/admins_g ... xtarea.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/ranks/admins_g ... 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/ranks/admins_g ... 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/ranks/admins_g ... llpic1.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/ranks/admins_g ... xtarea.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/ranks/admins_g ... llpic1.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/ranks/admins_g ... xtarea.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/ranks/admins_g ... ntsize.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://up.4admins.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://up.4admins.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://up.4admins.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://up.4admins.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://up.4admins.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/ranks/admins_g ... g_blue.gif") top repeat-x;
display: block;
width: 100%;
}
#header_bg {
height: 102px;
background: url("http://4admins.ru/images/ranks/admins_g ... t_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/ranks/admins_g ... g_blue.gif") top repeat-x;
display: block;
width: 100%;
}
#header_bg {
height: 102px;
background: url("http://4admins.ru/images/ranks/admins_g ... t_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]
Мы этим кодом поставим нашу шапку на любой стиль т.к. все нюансы охвачены !!!
Пробуйте и по аналогии пытайтесь сделать тоже самое Логотип поменяйте на свой бэкграунд тоже
Вроде все
Есть вопросы относительно других страниц? пишите тут...
- SPEED-MUSIC
- Сообщения: 266
- Зарегистрирован: 14 мар 2009, 23:40
- Пол: Муж
GoDFaTHeR спасибо будем пробовать
добавлено -- 29 апр 2009, 14:39 --
Извиняюсь за второй пост вподряд. у меня опять ничего не вышло или я просто не понимаю.
добавлено -- 29 апр 2009, 14:39 --
Извиняюсь за второй пост вподряд. у меня опять ничего не вышло или я просто не понимаю.
- Loveaction
- Сообщения: 1227
- Зарегистрирован: 07 фев 2009, 07:23
- Пол: Жен
- Откуда: Russland
GoDFaTHeR, молодчина просто. Думаю многим поможет!
Правила форума up.4admins.ru
Внимание! Оставить заявку на создание логотипа,
вы можете в разделе 4админс "Ваше творение", подфорум
"Логотип на заказ".
Migration&Kommunikation форум по Германии
Внимание! Оставить заявку на создание логотипа,
вы можете в разделе 4админс "Ваше творение", подфорум
"Логотип на заказ".
Migration&Kommunikation форум по Германии
И что же у тебя не вышло?? может какой пункт пропустил?SPEED-MUSIC писал(а):у меня опять ничего не вышло или я просто не понимаю.
- SPEED-MUSIC
- Сообщения: 266
- Зарегистрирован: 14 мар 2009, 23:40
- Пол: Муж
GoDFaTHeR у меня этого в теме нету
header_container
header_bg
span.header-left,
span.header-right
banner
header_container
header_bg
span.header-left,
span.header-right
banner
GoDFaTHeR писал(а):Что же произойдет с шапкой если мы добавим этот код?
логично что нет,SPEED-MUSIC писал(а):GoDFaTHeR у меня этого в теме нету
header_container
header_bg
span.header-left,
span.header-right
banner
GoDFaTHeR писал(а):Что же произойдет с шапкой если мы добавим этот код?
- SPEED-MUSIC
- Сообщения: 266
- Зарегистрирован: 14 мар 2009, 23:40
- Пол: Муж
странно но ничего не произошлоGoDFaTHeR писал(а):Что же произойдет с шапкой если мы добавим этот код?
SPEED-MUSIC
а ты код то добавил в стиль?
а ты код то добавил в стиль?