Не нравятся результаты поиска? Попробуйте другой поиск!

DLE FAQ » Все вопросы » Шаблоны (TPL) » Как подредактировать шаблон с 100% масштаба на 90%?

Как подредактировать шаблон с 100% масштаба на 90%?

ELegant1k 10.11.2014 привет, как дела, все ок, как настроение, шаблон Все вопросы » Шаблоны (TPL) 3859

вопрос

Как сделать шаблон стандартно браузеру.
При заходе на сайт шаблон масштаба 100%, но на весь браузер.. полностью, он будет только на 90 процентов. То есть нужно чуть правее зайти, правее ползунок, чтобы увидеть его полностью. это масштаб 100%.
Как сделать, чтобы он открывался всегда на 90 процентов? либо уменьшить шаблон так, чтобы эти 90% превратились в 100?

Ответа пока нет

33 комментария

Юзер

1599

FastFud - 2014-09-0110 ноября 2014 22:09 - #37414

У вас там если стоит width: 100% наверное стоит еще и padding: size.px или margin: size.px.

Юзер

ELegant1k - 2014-09-0110 ноября 2014 22:15 - #37415

когда с любого баузера загружаешь, стоит 100% и сайт не на весь экран.
приходится ползунок вправа двигать, чтобы увидеть небольшую часть сайта.
как исправить, чтобы ползунок двигать не приходилось и сайт был на весь экран?
DLE 10.3 сайт

смотреть

Юзер

1599

FastFud - 2014-09-0110 ноября 2014 22:19 - #37416

Какое у вас разрешение экрана ?

Юзер

ELegant1k - 2014-09-0110 ноября 2014 22:28 - #37417

Сейчас 1024х768 , в отеле моник, когда дома был, было чуть по другому, там хорошо показывало. имею ввиду, на полную страницу.

Юзер

1599

FastFud - 2014-09-0110 ноября 2014 22:30 - #37418

У вас стоит

#wrapper {
height: auto !important;
height: 100%;
min-height: 100%;
margin: 0 auto;
width: 1080px;
}

поменяйте

width: 1080px;

на

width: 1024px;

Юзер

ELegant1k - 2014-09-0110 ноября 2014 22:34 - #37419

FastFud,
В каком файле это поменять?

Юзер

1599

FastFud - 2014-09-0110 ноября 2014 22:35 - #37420

styles.css

Юзер

ELegant1k - 2014-09-0110 ноября 2014 22:38 - #37421

FastFud,
То есть, это зависит от разрешения экрана?
Для других разрешений не будет таких проблем, после того, как я поменяю?

Юзер

1599

FastFud - 2014-09-0110 ноября 2014 22:41 - #37422

Для других разрешений не будет таких проблем

Нет.

Юзер

ELegant1k - 2014-09-0110 ноября 2014 22:47 - #37423

FastFud,
Спасибо, но теперь криво стоит правый блок контейнеров, на краткую новость, до этого они край к краю стояли теперь же правый блок на них, на кратких новостях. Что сделать, чтобы это исправить?

смотреть

Юзер

ELegant1k - 2014-09-0110 ноября 2014 22:48 - #37424

Нет, ничего не исправилось, так и осталось, приходится двигать ползунок

Юзер

ELegant1k - 2014-09-0110 ноября 2014 22:50 - #37425

FastFud,
Заплачу вам за помощь с шаблоном.
Контакты в профиле, помогите, прошу вас.

Юзер

1599

FastFud - 2014-09-0110 ноября 2014 22:51 - #37426

Не так

width: width: 1024px;

а так

width: 1024px;

Юзер

ELegant1k - 2014-09-0110 ноября 2014 22:53 - #37427

Цитата: FastFud

width: 1024px;

Не помогло.. и вправду было 2 раза слово width, но ничего не изменилось

Юзер

ELegant1k - 2014-09-0110 ноября 2014 22:55 - #37428

styles.css

Юзер

1599

FastFud - 2014-09-0110 ноября 2014 22:59 - #37429

.footer { display: none;margin: 0 auto; width: 1080px; background: url(../images/style/footer1.gif) no-repeat 0 26px; height: 87px; }

заменить также 1080px на 1024px

.footer { display: none;margin: 0 auto; width: 1080px; background: url(../images/style/footer1.gif) no-repeat 0 26px; height: 87px; }

и уже останется разобраться с

.header_social { background: #e3ddcf url(../images/style/header_social.gif) no-repeat 12px 12px; width: 169px; height: 173px; margin-left: 911px; }

подредактируйте его, и не будет идти в сторону )

Юзер

ELegant1k - 2014-09-0110 ноября 2014 23:36 - #37430

FastFud,
как подредактировать социалхеадер?..

Юзер

ELegant1k - 2014-09-0111 ноября 2014 01:06 - #37439

Правые блоки на новости лезут.. как это исправить?

смотреть

Юзер

1599

FastFud - 2014-09-0111 ноября 2014 01:10 - #37440

Уменьшить ширину блоков которые справа или ширину блоков вывода новостей.

Юзер

ELegant1k - 2014-09-0111 ноября 2014 01:12 - #37441

как это сделать?

Юзер

1599

FastFud - 2014-09-0111 ноября 2014 01:17 - #37442

.content { display: block; width: 680px; }

заменить width: 731px; на width: 680px;

Юзер

ELegant1k - 2014-09-0111 ноября 2014 01:22 - #37443

Цитата: FastFud

680px;

Спасибо, все получилось.
Последний вопрос.
Все равно где-то на сантиметр сайт справа, это видно по счетчику яндекса снизу.
Как сделать, чтобы не уходил за границы или вот это поле сантиметровое белого цвета убрать насовсем? В самом низу сайта, или лучше всего продлит серое поле.

Юзер

1599

FastFud - 2014-09-0111 ноября 2014 01:35 - #37444

Шаблон никудышный, замените у

#wrapper и .footer width: 1024px на width: 1000px;

На будущее, учите CSS и HTML если хотите держать сайт.

Юзер

ELegant1k - 2014-09-0111 ноября 2014 01:39 - #37445

FastFud,
Спасибо. Получилось.
Теперь опять правый блок на новость лезет, как это исправить?

Юзер

1599

FastFud - 2014-09-0111 ноября 2014 01:44 - #37446

Уменьшить ширину блоков и все что в них.

Юзер

ELegant1k - 2014-09-0111 ноября 2014 01:45 - #37447

FastFud,
Как это сделать?

Юзер

ELegant1k - 2014-09-0111 ноября 2014 01:51 - #37448

Сделал. Спасибо.

Юзер

1599

FastFud - 2014-09-0111 ноября 2014 01:58 - #37449

сделать так:

#right { float: right; width: 310px; }
.right_menu { background: #f1eee8 url(../images/style/right_menu.gif) repeat-x; margin-bottom: 11px; }
.right_menu1 { background: url(../images/style/right_menu1.gif) no-repeat 11px 18px; padding: 55px 0 5px 0; }
.right_menu1 ul { margin: 0; padding: 0 0 0 2px; list-style: none; }
.right_menu1 ul li a { background: url(../images/style/right_menu2.gif) no-repeat; height: 28px; display: block; overflow: hidden; margin-bottom: 1px; color: #676767; text-decoration: none; line-height: 28px; text-indent: 21px; }
.right_menu1 ul li a:hover { background-position: 0 -28px; color: #383532; text-decoration: underline; }
.right_menu2 { background: url(../images/style/right_menu3.gif) no-repeat 11px 18px; padding: 54px 0 12px 0; }
.right_menu2 ul { margin: 0; padding: 0 0 0 11px; list-style: none; }
.right_menu2 ul li a { background: url(../images/style/right_menu4.gif) no-repeat; height: 22px; display: block; overflow: hidden; color: #55524a; text-decoration: none; line-height: 22px; text-indent: 14px; }
.right_menu2 ul li a:hover { background-position: 0 -22px; color: #eb8b56; }

Юзер

ELegant1k - 2014-09-0111 ноября 2014 02:03 - #37450

FastFud,
Как растянуть блок "Панель пользователя" до конца угла, в правой верхней части шаблона?
Как сделать модуль по центру блока? Модуль "кто на сайте" сильно приближен к левому краю...

Юзер

1599

FastFud - 2014-09-0111 ноября 2014 02:13 - #37451

.header_login { background: url(../images/style/login.gif) no-repeat; width: 255px; height: 173px; display: block;  position: absolute; margin-left: 745px; }

/* login */
.login1 { background: #8a837a; width: 100%; height: 24px; margin: 34px 0 0 12px; position: absolute; }
.login1 #login_name, .login2 #login_password { border: none; width: 100%; height: 14px; background-color: transparent; font: 11px/10px Calibri, Arial, Helvetica, sans-serif; line-height: 14px; color: #2b291f; margin: 4px 0 0 6px; }
.login2 { background: #8a837a; width: 100%; height: 24px; margin: 62px 0 0 12px; position: absolute; }
.login3 { background: url(../images/style/login1.gif) no-repeat; width: 100%; height: 22px; position: absolute; margin: 94px 0 0 12px; }
.login3:hover { background-position: 0 -22px; }
.login4 { margin: 0 0 0 12px; padding: 0; list-style: none; line-height: 18px; margin-top: 122px; }
.login4 a { background: url(../images/style/login2.gif) no-repeat 0 5px; color: #888274; padding-left: 7px; }
.login4 a:hover { color: #c3b89f; }
.login5 a { width: 50px; height: 50px; display: block; overflow: hidden; border: 2px solid #aa9e8d; position: absolute; margin: 45px 0 0 14px; }
.login5 img { width: 50px; min-height: 50px; }
.login6 { margin: 0; padding: 0; list-style: none; position: absolute; margin: 45px 0 0 73px; line-height: 18px; text-indent: 4px; }
.login6 li a { width: 79px; height: 17px; background: #414036; display: block; margin-bottom: 1px; color: #d2cabe; text-decoration: none; }
.login6 li a:hover { color: #f28144; }
.login7 { background: url(../images/style/login3.gif) no-repeat; width: 100%; height: 22px; position: absolute; display: block; overflow: hidden; margin: 108px 0 0 12px; line-height: 70px; }
.login7:hover { background-position: 0 -22px; }
.login8 { background: url(../images/style/login4.gif) no-repeat; width: 100%; height: 22px; position: absolute; display: block; overflow: hidden; margin: 136px 0 0 12px; line-height: 70px; }
.login8:hover { background-position: 0 -22px; }

/* social link */
.header_social { background: #e3ddcf url(../images/style/header_social.gif) no-repeat 12px 12px; width: 169px; height: 173px; margin-left: 911px; }
.header_social ul { margin: 30px 0 0 13px; padding: 0; list-style: none; position: absolute; }
.header_social ul li { background: url(../images/style/header_social1.gif) repeat-x left bottom; width: 143px; height: 30px; }
.header_social ul li a { height: 30px; display: block; overflow: hidden; line-height: 70px; }
.header_f { background: url(../images/style/header_f.gif) no-repeat 0 4px; }
.header_t { background: url(../images/style/header_t.gif) no-repeat 0 4px;}
.header_b { background: url(../images/style/header_b.gif) no-repeat 0 4px;}
.header_r { background: url(../images/style/header_r.gif) no-repeat 0 4px;}
.header_f:hover, .header_t:hover, .header_b:hover, .header_r:hover { opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity=80); }

и уже картинку

http://csinfinity.ru/templates/RealNiggaz/images/style/login.gif

увеличить (через фотошоп или другие программы)

Юзер

ELegant1k - 2014-09-0111 ноября 2014 02:17 - #37452

Цитата: FastFud

http://csinfinity.ru/templates/RealNiggaz/images/style/login.gif

Спасибо.
Какого она должна быть размера?

Юзер

1599

FastFud - 2014-09-0111 ноября 2014 12:48 - #37464

255px

Юзер

453

ravchik - 2014-09-0111 ноября 2014 07:32 - #37454

FastFud, у вас громадное терпение и альтруизм...Я поражен.

Jigurda | Как в description вставить значение доп. ... ²

Jigurda
Как в description вставить значение доп.поля?
Сегодня, 10:54

Немного не то. Нужно не заменить, а добавить к уже имеющемуся description свой текст с доп.полями
lutskboy | Как в description вставить значение доп. ... ²

lutskboy
Как в description вставить значение доп.поля?
Вчера, 21:51

https://sandev.pro/web/159-fullstory-metatags-by-sander.html

derebas | Как реализовать кнопку "Поделиться" как ... ¹

derebas
Как реализовать кнопку "Поделиться" как на Плей Маркете?
Вчера, 09:39

Ну если на скорую руку то примерно так

<style>
.sociallinks {
    display: none;
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.4);
}

.sociallinks-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
    max-width: 500px;
    border-radius: 10px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.close {
    color: #aaa;
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.social-container {
    display: flex;
    align-items: center;
}
.social-container > div {
    margin-left: 10px;
}

h2, p {
    margin: 5px 0;
}
.social {
  padding-top: 20px;
}
.social img {
  margin: 10px;
}
.sharebtn {
  padding-top: 20px;
  width: 100%;
}
.sharebtn_area {
  border: 1px solid black;
  height: 40px;
}
.sharebtn input[type="text"] {
  width: 70%;
  border: none;
  height: 95%;
}
.sharebtn button {
  width: 25%;
  height: 95%;
  border: none;
  background-color: #fff;
}
</style>
<button id="opensociallinksBtn">Поделиться</button>

<div id="mysociallinks" class="sociallinks">
  <div class="sociallinks-content">
    <span class="close">×</span>
    <div class="social-container">
        <img src="{image-1}" alt="Icon" width="30" height="30">
        <div>
            <h2>{title}</h2> 
            <p>Поделиться</p> 
        </div>
    </div>
    <div class="social">
        <a href="https://api.whatsapp.com/send/?text={full-link}"><img src="whatsapp.png" alt="WhatsApp" width="30" height="30"></a>
        <a href="https://www.facebook.com/sharer/sharer.php?u={full-link}"><img src="facebook.png" alt="Facebook" width="30" height="30"></a>
        <a href="https://twitter.com/intent/post?url={full-link}"><img src="twitter.png" alt="Twitter" width="30" height="30"></a>
        <a href="https://www.instagram.com/share?url={full-link}"><img src="instagram.png" alt="Instagram" width="30" height="30"></a>
    </div>
    <div class="sharebtn">
      <div class="sharebtn_area">
        <input type="text" id="inputText" value="{full-link}" readonly="true">
        <button id="copyBtn">Поделиться <img src="share.png" width="10px" alt="Share Icon"></button>
      </div>
    </div>
  </div>
</div>

<script>
var sociallinks = document.getElementById("mysociallinks");
var opensociallinksBtn = document.getElementById("opensociallinksBtn");
var closeBtn = document.getElementsByClassName("close")[0];
var copyBtn = document.getElementById("copyBtn");
var inputText = document.getElementById("inputText");

opensociallinksBtn.onclick = function() {
  sociallinks.style.display = "block";
}

closeBtn.onclick = function() {
  sociallinks.style.display = "none";
}

window.onclick = function(event) {
  if (event.target == sociallinks) {
    sociallinks.style.display = "none";
  }
}

copyBtn.onclick = function() {
  inputText.select();
  document.execCommand("copy");
}
</script>

doktorpull | GeoIP - показ информации в зависимости о ... ¹

doktorpull
GeoIP - показ информации в зависимости от страны посетителя сайта
17-04-2024, 21:53

Отличный модуль, хорошо работает. Рекомендую этого автора, так как заказывал у него несколько собственных разработок. Человек знает свое дело.
Gordi | Telegram Sender ¹²

Gordi
Telegram Sender
16-04-2024, 15:47

купил. Модуль классный! Автору большая признательность!
TeraMoune | Как вывести тайтл и дискрипшен по маске ... ¹

TeraMoune
Как вывести тайтл и дискрипшен по маске в категориях?
14-04-2024, 00:36

Ну например вот так: https://lazydev.pro/product/12-dle-seo.html
zawibis | Как настроить редирект на внешние сайты? ¹

zawibis
Как настроить редирект на внешние сайты?
13-04-2024, 14:53

Нашёлся ответ.
Нужно в настройках группы отключить параметр

Автоматическая замена ссылок [url] в тег [leech]
При включении данной опции все ссылки, которые пользователь публикует в теге [url], будут автоматически заменены на защищенные ссылки тега [leech]
TeraMoune | Как решить проблему с /xfsearch/значение ... ⁵

TeraMoune
Как решить проблему с /xfsearch/значение?
12-04-2024, 11:53

Это не прикол, просто dle позволяет искать новости как по значению так и с указанием конкретного поля для этого значения. И если у вас стоят метрики на сайте то достаточно любому человеку открыть ссылку и убрать в ней что-то, если сайт при новом url вернёт статус 200 то метрики захотят этот url запомнить.
komosa | Как решить проблему с /xfsearch/значение ... ⁵

komosa
Как решить проблему с /xfsearch/значение?
11-04-2024, 22:34

А вот прикол то в том, что это коснулось только author
lutskboy | Как решить проблему с /xfsearch/значение ... ⁵

lutskboy
Как решить проблему с /xfsearch/значение?
11-04-2024, 22:31

может быть не один только author. и другие поля. как знать куда перенаправлять