Нужна помощь с логотипами в DLE 11.0

Alex-68 · 8 апреля 2016

Всем доброго времени суток, опять нужна помощь в вёрстке, в которой я не очень силён...

Шаблон Gemini , DLE 11.0 .... Слева лого надо чуток опустить вниз, а справа я ссылки для авторизации и регистрации убрал, вот скрин:

нужно справа тоже поставить такую же картинку как лого, и должно быть вот так в итоге:

В файле style.css нашёл вот этот кусок кода , кажется он отвечает за этот логотип:

/*---logotype---*/
#header h1 {
  margin: -8px 0 0 -322px;
  width: 305px;
  float: left;
  padding: 0 17px 31px 0;
  background: url("../images/logoshadow.png") no-repeat 0 100%;
}

#header h1 a {
  display: block;
  width: 305px;
  padding-top: 89px;
  background: url("../images/logotype.png");
}

#header .rcol {
  padding-top: 28px;
  width: 100%;
}

Дальше этого у меня ничего не получается....Помогите пожалуйста. Какие параметры чтоб первый лого спустить чуток и второй справа поставить ?

Изменено 8 апреля 2016 пользователем Alex-68

Alex-68 · 8 апреля 2016

Прошло 8 часов, неужели никто не поможет? Идти искать помощь на других форумах?

odys · 8 апреля 2016

1 час назад, Alex-68 сказал:

Прошло 8 часов, неужели никто не поможет? Идти искать помощь на других форумах?

да помогли бы уже, если бы ссылку на сайт дал.

Alex-68 · 8 апреля 2016

стандартный шаблон Gemini....а сайт который сейчас на хостинге с другим шаблоном...Gemini на локалке переделываю, там есть лого в левом верхнем углу, его чуть ниже опустить надо и точно такой лого надо поставить симметрично справа там где вход и регистрация.

Вот этот логотип надо опустить чуть ниже, чтоб он был по центру этого серого пространства

odys · 8 апреля 2016

30 минут назад, Alex-68 сказал:

стандартный шаблон Gemini

я понял, что старый, стандартный шаблон. Но где его взять и посмотреть? в демо уже новые шаблоны. Или по картинке гадать что там...

или мне надо написать в тех. поддержку и попросить у них архив с версией 10.6, загрузить к себе на хостинг и посмотреть?

Правила форума

Внимание !!!

На данном форуме существуют достаточно жесткие правила, поэтому прежде чем создавать свою тему убедитесь, что вы внимательно их прочитали и поняли.

1. Если ваша тема начинается с вопроса и вам нужна какая либо помощь, то в самой теме в обязательном порядке вы должны указывать ссылку на ваш сайт. Если ваш сайт находится в локальной сети и вы не можете предоставить ссылку, или вы не хотите публиковать открытой ссылки на ваш сайт, то отправляйте персональное сообщение с вопросом в службу поддержки непосредственно с сайта http://dle-news.ru/, вам ответят на ваш вопрос в персональном порядке, в случае если пользуетесь платной версией скрипта и обладаете лицензией на скрипт. Если вы пользуетесь демоверсией, то вам необходимо разместить сайт в сети интернет, и только потом обращаться за помощью. По находящимся на локальных компьютерах демоверсиям никакой помощи и поддержки на форуме не оказывается.

жирным, красным выделено в каждом разделе

Alex-68 · 10 апреля 2016

На другом форуме подсказали в style.css так сделать:

#header {
    height: 119px;
    padding: 0;
}

#header h1 {
    margin: 10px 0 0 0;
    width: 305px;
    float: left;
    padding: 0 17px 31px 0;
    background: url("../images/logoshadow.png") no-repeat 0 100%;
}

.rcol {
    float: none;
    margin: 10px 0 0 0;
    display: block;
}

Ничего не получилось всё поехало в дизайне, вот тестовый сайт посмотрите: http://testprover.ga/

Решил упростить себе задачу, создал шаблон shapka.tpl, в нём пока вставил такое содержимое, таблица закрашенная в зёлёный цвет

<div align="center">
<table border="0" width="1073" height="133" cellspacing="0" cellpadding="0" bgcolor="#00FF00">
<tr>
<td>&nbsp;</td>
</tr>
</table></div>

Теперь задача вместо этой всей лабуды с лого, ГЛАВНАЯ, ПРАВИЛА, КОНТАКТЫ и прочего вставить этот шаблон shapka.tpl

Чтоб получилось вот так:

Попробовал вставить в main.tpl но моя зелёная таблица уплыла в правый бок, пробовал с стиле методом научного тыка менять параметры, толку никакого ... Помогайте плиз...а со своим шаблоном я уж потом сам разберусь, мне главное чтоб встал на нужное место.

Изменено 10 апреля 2016 пользователем Alex-68

odys · 10 апреля 2016

3 часа назад, Alex-68 сказал:

Ничего не получилось всё поехало в дизайне, вот тестовый сайт посмотрите: http://testprover.ga/

верни всё как было по умолчанию, и напиши как сделаешь

Alex-68 · 10 апреля 2016

23 минуты назад, odys сказал:

верни всё как было по умолчанию, и напиши как сделаешь

Вернул всё обратно

Мне б туда под эту красную линию вверху свой шаблон впихнуть, пока с таблицей любого цвета, вот в примере зелёная, а в этот шаблон я сам впихну что мне нужно...Вот как на скрине, нарисовал в фотошопе)

Шаблон shapka.tpl в нём вот это:

<div align="center">
<table border="0" width="1073" height="133" cellspacing="0" cellpadding="0" bgcolor="#00FF00">
<tr>
<td>&nbsp;</td>
</tr>
</table></div>

А дальше я сам.

Изменено 10 апреля 2016 пользователем Alex-68

odys · 10 апреля 2016

27 минут назад, Alex-68 сказал:

Вернул всё обратно

убирай всё, что в div с id="header"

Alex-68 · 10 апреля 2016

26 минут назад, odys сказал:

убирай всё, что в div с id="header"

Вроде получилось...Ничего не поплыло ? Гляньте http://testprover.ga/

Изменено 10 апреля 2016 пользователем Alex-68

odys · 10 апреля 2016

27 минут назад, Alex-68 сказал:

Вроде получилось...

нужно было не заменять этот div с id="header", а в него вставить. Я же написал, убирай всё, что в div, это не значит, что нужно было и его убирать!

да и верстать таблицами, в наше время это уже совсем не круто...

Alex-68 · 10 апреля 2016

9 минут назад, odys сказал:

нужно было не заменять этот div с id="header", а в него вставить. Я же написал, убирай всё, что в div, это не значит, что нужно было и его убирать!

Если я оставляю <div id="header" class="container"> то смотри что выходит.... http://testprover.ga/

Вот main.tpl какие строчки убрать?

<!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" xml:lang="ru" lang="ru">
<head>
{headers}
<link rel="shortcut icon" href="{THEME}/images/favicon.ico" />
<link media="screen" href="{THEME}/style/styles.css" type="text/css" rel="stylesheet" />
<link media="screen" href="{THEME}/style/engine.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="{THEME}/js/libs.js"></script>
</head>
<body>
{AJAX}
<div class="wwide topline">&nbsp;</div>
<div class="wrapper">
	<div id="header" class="container">
		<h1><a class="thide" href="/index.php" title="DataLife Engine - Softnews Media Group">DataLife Engine - Softnews Media Group</a></h1>
		<div class="rcol">
			<div class="loginbox">{login}</div>
			<span class="headsoc">
				<a class="twit thide" href="#">Мы в Twitter</a>
				<a class="vkon thide" href="#">Мы в vKontakte</a>
			</span>
			<div class="headlinks">
				<ul class="reset">
					<li><a href="/index.php"><i>Главная</i></a></li>
					<li><a href="/index.php?do=rules"><i>Правила</i></a></li>
					<li><a href="/index.php?do=feedback"><i>Контакты</i></a></li>
				</ul>
			</div>
		</div>
	</div>
	<div class="shadlr"><div class="shadlr">
		<div class="container">
			<div class="darkbg"><div id="menubar">
				<div class="lcol">
					<ul class="reset">
						<li><a href="#">О сайте</a></li>
						<li><a href="#">В мире</a></li>
						<li><a href="#">Экономика</a></li>
						<li><a href="#">Религия</a></li>
						<li><a href="#">Криминал</a></li>
						<li><a href="#">Спорт</a></li>
						<li><a href="#">Культура</a></li>
						<li><a href="#">Инопресса</a></li>
					</ul>
				</div>
				<form method="post" action=''>
					<input type="hidden" name="do" value="search" />
                    <input type="hidden" name="subaction" value="search" />
					<ul class="searchbar reset">
						<li class="lfield"><input id="story" name="story" value="Поиск..." onblur="if(this.value=='') this.value='Поиск...';" onfocus="if(this.value=='Поиск...') this.value='';" type="text" /></li>
						<li class="lbtn"><input title="Найти" alt="Найти" type="image" src="{THEME}/images/spacer.gif" /></li>
					</ul>
				</form>
			</div></div>
			<div class="body">
				{include file="slider.tpl"}
				<div class="vsep">
					<div id="midside" class="lcol">
						[aviable=showfull]{speedbar}[/aviable]
						<div align="center" class="hbanner">
							{banner_header}
						</div>
						[not-aviable=showfull][sort]<div class="sortn lines">{sort}</div>[/sort][/not-aviable]
						{info}
						{content}
					</div>
					<div id="sidebar" class="rcol">
						{include file="sidebar.tpl"}
					</div>
					<div class="clr"></div>
				</div>
			</div>
		</div>
	</div></div>
</div>
<div class="wwide footbg">
	<div class="wrapper">
		<div class="container">
			<div class="darkbg"><div id="footbox">
				<div class="fbox">
					<div class="dcont">
						<h4 class="btl"><span>Навигация</span></h4>
						<ul class="fmenu reset">
							<li><a href="/index.php">Главная страница</a></li>
							[group=5]<li><a href="/index.php?do=register">Регистрация</a></li>[/group]
							[not-group=5]<li><a href="/addnews.html">Добавить новость</a></li>[/not-group]
							<li><a href="/newposts/">Новое на сайте</a></li>
							<li><a href="/statistics.html">Статистика</a></li>
							<li><a href="http://dle-news.ru">Поддержка скрипта</a></li>
						</ul>
					</div>
				</div>
				<div class="fbox">
					<div class="dcont">
						<h4 class="btl"><span>Облако тегов</span></h4>
						{tags}
					</div>
				</div>
				<div class="fbox">
					<div class="dcont">
						<h4 class="btl"><span>Архив новостей</span></h4>
						{archives}
					</div>
				</div>
				<div class="clr"></div>
				<span class="thide ribbon">^</span>
			</div></div>
			<div id="footer">
				<h2><a class="thide" href="/index.php" title="DataLife Engine - Softnews Media Group">DataLife Engine - Softnews Media Group</a></h2>
				<span class="copyright">
					Copyright &copy; 2004-2015 <a href="http://dle-news.ru">SoftNews Media Group</a> All Rights Reserved.<br />
					Powered by DataLife Engine &copy; 2015
				</span>
				<div class="counts">
					<ul class="reset">
						<li><img src="{THEME}/images/count.png" alt="count 88x31px" /></li>
						<li><img src="{THEME}/images/count.png" alt="count 88x31px" /></li>
						<li><img src="{THEME}/images/count.png" alt="count 88x31px" /></li>
					</ul>
				</div>
			</div>
			<div class="shadow">&nbsp;</div>
		</div>
	</div>
</div>
</body>
</html>

Изменено 10 апреля 2016 пользователем Alex-68

odys · 10 апреля 2016

6 минут назад, Alex-68 сказал:

то смотри что выходит

потому что криво ставишь, div, как и любой тег должен 1 раз открыться <div> и 1 раз закрыться </div>

7 минут назад, Alex-68 сказал:

какие строчки убрать?

<div id="header" class="container">
		<h1><a class="thide" href="/index.php" title="DataLife Engine - Softnews Media Group">DataLife Engine - Softnews Media Group</a></h1>
		<div class="rcol">
			<div class="loginbox">{login}</div>
			<span class="headsoc">
				<a class="twit thide" href="#">Мы в Twitter</a>
				<a class="vkon thide" href="#">Мы в vKontakte</a>
			</span>
			<div class="headlinks">
				<ul class="reset">
					<li><a href="/index.php"><i>Главная</i></a></li>
					<li><a href="/index.php?do=rules"><i>Правила</i></a></li>
					<li><a href="/index.php?do=feedback"><i>Контакты</i></a></li>
				</ul>
			</div>
		</div>
	</div>

и оставить просто

<div id="header" class="container">
  тут и размещай свой код
</div>

Alex-68 · 10 апреля 2016

<div id="header" class="container">
{include file="shapka.tpl"}
</div>

В шаблоне shapka.tpl одна таблица....Результат http://testprover.ga/

odys · 10 апреля 2016

41 минуту назад, Alex-68 сказал:

В шаблоне shapka.tpl одна таблица....Результат http://testprover.ga/

ты опять накосячил удалив лишний <div>. Восстанавливай шаблон и начни с начала

Alex-68 · 10 апреля 2016

http://rghost.ru/74YDYWKX6 убери сам если не трудно

master27 · 11 апреля 2016

Alex-68, вам необходимо самому выучить основы вёрстки или нанять верстальщика, а так один раз помогут другой нет, некому же неохота разбираться просто так...

замените ваш код в "main.tpl"

	<div id="header" class="container">
		<h1><a class="thide" href="/index.php" title="DataLife Engine - Softnews Media Group">DataLife Engine - Softnews Media Group</a></h1>
		<div class="rcol">
			<div class="loginbox">{login}</div>
			<span class="headsoc">
				<a class="twit thide" href="#">Мы в Twitter</a>
				<a class="vkon thide" href="#">Мы в vKontakte</a>
			</span>
			<div class="headlinks">
				<ul class="reset">
					<li><a href="/index.php"><i>Главная</i></a></li>
					<li><a href="/index.php?do=rules"><i>Правила</i></a></li>
					<li><a href="/index.php?do=feedback"><i>Контакты</i></a></li>
				</ul>
			</div>
		</div>
	</div>

на

	<div id="header" class="container">
		<h1><a class="thide" href="/index.php" title="DataLife Engine - Softnews Media Group">DataLife Engine - Softnews Media Group</a></h1>
		<div class="h1"><a class="thide" href="/index.php" title="DataLife Engine - Softnews Media Group">DataLife Engine - Softnews Media Group</a></div>
		<div class="rcol">
			<div class="loginbox">{login}</div>
			<span class="headsoc">
				<a class="twit thide" href="#">Мы в Twitter</a>
				<a class="vkon thide" href="#">Мы в vKontakte</a>
			</span>
			<div class="headlinks">
				<ul class="reset">
					<li><a href="/index.php"><i>Главная</i></a></li>
					<li><a href="/index.php?do=rules"><i>Правила</i></a></li>
					<li><a href="/index.php?do=feedback"><i>Контакты</i></a></li>
				</ul>
			</div>
		</div>
	</div>

и в стилях, "style.css" после

/*---logotype---*/
#header h1 {
    margin: -8px   -322px;
    width: 305px;
    float: left;
    padding:  17px 31px ;
    background: url("../images/logoshadow.png") no-repeat  100%;
}

#header h1 a {
    display: block;
    width: 305px;
    padding-top: 89px;
    background: url("../images/logotype.png");
}

#header .rcol {
    padding-top: 28px;
    width: 100%;
}

добавьте

/*---logotype_r---*/
#header .h1 {
    margin: -8px   -322px;
    width: 305px;
    float: right;
    padding:   31px;
    background: url("../images/logoshadow.png") no-repeat  100%;
}

#header .h1 a {
    display: block;
    width: 305px;
    padding-top: 89px;
    background: url("../images/logotype.png");
}

#header .loginbox {
    display: none;
}

#header .rcol {
    margin-right: 305px;
    padding-top: 28px;
    width: 60%;
}

Изменено 11 апреля 2016 пользователем master27

odys · 11 апреля 2016

14 часа назад, Alex-68 сказал:

убери сам если не трудно

я же написал что именно нужно заменить! Я не буду ни чего качать и за тебя делать. Что и как сделать, я написал

Нужна помощь с логотипами в DLE 11.0

Рекомендованные сообщения

Alex-68 5

Ссылка на сообщение

Поделиться на других сайтах

Alex-68 5

Ссылка на сообщение

Поделиться на других сайтах

odys 384

Ссылка на сообщение

Поделиться на других сайтах

Alex-68 5

Ссылка на сообщение

Поделиться на других сайтах

odys 384

Ссылка на сообщение

Поделиться на других сайтах

Alex-68 5

Ссылка на сообщение

Поделиться на других сайтах

odys 384

Ссылка на сообщение

Поделиться на других сайтах

Alex-68 5

Ссылка на сообщение

Поделиться на других сайтах

odys 384

Ссылка на сообщение

Поделиться на других сайтах

Alex-68 5

Ссылка на сообщение

Поделиться на других сайтах

odys 384

Ссылка на сообщение

Поделиться на других сайтах

Alex-68 5

Ссылка на сообщение

Поделиться на других сайтах

odys 384

Ссылка на сообщение

Поделиться на других сайтах

Alex-68 5

Ссылка на сообщение

Поделиться на других сайтах

odys 384

Ссылка на сообщение

Поделиться на других сайтах

Alex-68 5

Ссылка на сообщение

Поделиться на других сайтах

master27 35

Ссылка на сообщение

Поделиться на других сайтах

odys 384

Ссылка на сообщение

Поделиться на других сайтах

Присоединяйтесь к обсуждению