это выставляет задний фон сайта
а передний фон сайта где? и что это за фон такой?
Знаю есть Фон сайта и Передний план
Vse o BUX |
Привет, Гость! Войдите или зарегистрируйтесь.
это выставляет задний фон сайта
а передний фон сайта где? и что это за фон такой?
Знаю есть Фон сайта и Передний план
Повторюсь: он сделал отступы от края браузера! естественно что весь сайт и шапка в том числе сместились.
Не соглашусь с тобой.
Да я зделал отступы, только проблема в том что фон устанавливается под таблицей, и все содержимое сайт находится на фоне. И сам фон прописуется в самом начале страницы, а после только начинаешь строить таблицы - из которых в сути состоит и сам сайт.
все содержимое сайт находится на фоне
Все содержимое сайта находится на переднем плане.
Я чего то не понял с фоном у тебя вроде все в порядке. Я так понял что ты хочешь растянуть шапку на всю ширину или нет?
Я чего то не понял с фоном у тебя вроде все в порядке. Я так понял что ты хочешь растянуть шапку на всю ширину или нет?
Нет. Просто я сейчас вернул старый фон.
У меня было так, я взял рисунок .jpg и положил его как фон, но от края браузера справа он отступал на 5-10 пикслей, и я хотел узнать как мой фон вытянуть на эти 5-10 и все
Отредактировано Shindler (2010-03-23 10:29:08)
Если говорить коротко, то достал меня блок "МЕНЮ ПОЛЬЗОВАТЕЛЯ"
Его немеренно расширившиеся пространство просто портит весь стиль дизайна.
Поэтому пошел по примеру allforbux и сделал небольшое дополнение к данному меню.
Раздвигающееся динамическое меню при клике.
Суть его заключается в небольшом JS скрипте который может поочередно открывать любое подменю блока.
Пример:
Плюсы скрипта:
1. Не используется громоздкой блок CSS
2. Уменьшен визуальный стиль блока "МЕНЮ ПОЛЬЗОВАТЕЛЯ"
3. Возможность применения в любом скрипте BUX
4. Корректная работа в Opera и Mozilla Firefox (в експлоере не проверял поскольку терпеть его не могу)
Недостаток:
1. При перезагрузке страницы меню сворачивается
Выход есть от этого недостатка, можно использовать сессию кукис на PHP, но поскольку меня сессии мало интересуют я не стал с этим заморачиваться)))
Итак скрипт:
<script language="JavaScript" type="text/javascript"> <!-- if (document.getElementById) { document.writeln('<style type="text/css"><!--') document.writeln('.links {display:none; padding-left:14px}') document.writeln('//--></style>') } function openClose(theID) { if (document.getElementById(theID).style.display == "block") { document.getElementById(theID).style.display = "none"; document.getElementById("tick_"+theID).innerHTML = ""; } else { document.getElementById(theID).style.display = "block"; document.getElementById("tick_"+theID).innerHTML = ""; } } function open(theID) { document.getElementById(theID).style.display = "block"; document.getElementById("tick_"+theID).innerHTML = "-"; } function Close(theID) { document.getElementById(theID).style.display = "none"; document.getElementById("tick_"+theID).innerHTML = ""; } // --> </script> <div onClick="openClose('m1');" style="cursor:hand; cursor:pointer"><span id="tick_m1"></span> <strong>º</strong><u>Аккаунт:</u></span></div> <div id="m1" class="links"> <strong>»</strong><a href="members.php">Статистика</a><br> <strong>»</strong><a href="profile.php">Профиль</a><br> <strong>»</strong><a href="set_avatar.php">avatar</a><br> <strong>»</strong><a href="history.php">История выплат</a><br> <strong>»</strong><a href="security.php">Защита аккаунта</a><br> <strong>»</strong><a href="upgrade.php">Апгрейд</a><br> <strong>»</strong><a href="moneytoacc.php">Пополнить баланс</a><br> </div> <div onClick="openClose('m2');" style="cursor:hand; cursor:pointer"><span id="tick_m2"></span> <strong>º</strong><u>Заработать:</u></span></div> <div id="m2" class="links"> <strong>»</strong><a href="sites.php">Просмотр рекламы</a><br> <strong>»</strong><a href="mails.php">Письма</a><br> <strong>»</strong><a href="finset.php">Финансовая сеть</a><br> <strong>»</strong><a href="tasklist.php">Задания</a><br> </div> <div onClick="openClose('m3');" style="cursor:hand; cursor:pointer"><span id="tick_m3"></span> <strong>º</strong><u>Рефералы:</u></span></div> <div id="m3" class="links"> <strong>»</strong><a href="reflinks.php">Рекламные материалы</a><br> <strong>»</strong><a href="referals.php">Ваши рефералы и реф. боты</a><br> <strong>»</strong><a href="refbuck.php">Реф-бек</a><br> <strong>»</strong><a href="autoreferal.php">Функция "Авто-реферал"</a><br> <strong>»</strong><a href="buyref.php">Купить рефералов</a><br> <strong>»</strong><a href="buyrefbot.php">Купить реф. ботов</a><br> <strong>»</strong><a href="refbirj.php">Биржа рефералов</a><br> </div> <div onClick="openClose('m4');" style="cursor:hand; cursor:pointer"><span id="tick_m4"></span> <strong>º</strong><u>Реклама:</u></span></div> <div id="m4" class="links"> <strong>»</strong><a href="moneyforadv.php">С внутреннего счета</a><br> <strong>»</strong><a href="advertise.php">За WebMoney</a><br> </div> <? require('config.php'); $user=$_SESSION["username"]; $res=mysql_query("select count(id) as kolvo from tb_mail where recipient='$user' and status='0'"); $res=mysql_fetch_array($res); $inboxcount=$res["kolvo"]; mysql_close($con); ?> <div onClick="openClose('m5');" style="cursor:hand; cursor:pointer"><span id="tick_m5"></span> <strong>º</strong><u>Внутренняя почта:</u></span></div> <div id="m5" class="links"> <strong>»</strong><a href="mail.php?p=inbox">Входящие сообщения (<?=$inboxcount?>)</a><br> <strong>»</strong><a href="mail.php?p=outbox">Исходящие сообщения</a><br> <strong>»</strong><a href="mail.php?p=sendmessage">Написать сообщение</a><br> </div>
Что в итоге получилось:
При нажатии на ссылку:
Пользуйтесь на здоровье.
Внимание! При использовании скрипта обратите внимание на переменную m с ее помощью можно создать бесконечное множество подменю!
Делаем блоки со скругленными краями.
Для начала открываем папку css в ней создаем файл style1.css
в этот созданный файл пишем такое:
<!-- /* элементы закругления */ .inner-box { padding:1em; } .r1, .r2, .r3, .r4, .r5, .r6, .r7, .r8, .r9, .r10 { display: block; height: 1px; overflow: hidden; font-size:10px; } .r10 { margin: 0 10px; } .r9 { margin: 0 9px; } .r8 { margin: 0 8px; } .r7 { margin: 0 7px; } .r6 { margin: 0 6px; } .r5 { margin: 0 5px; } .r4 { margin: 0 4px; } .r3 { margin: 0 3px; } .r2 { margin: 0 2px; } .r1 { margin: 0 1px; } #rounded-box-3, #rounded-box-5, #rounded-box-10 { margin:1em; } .inner-box, b { background-color: #FF8C00; } #rounded-box-5 .inner-box { padding: 0.7em 1em;} -->
Затем откроем файл header.php
и под строкой:
<link rel="stylesheet" type="text/css" media="screen,projection,print" href="./css/style.css" />
впишем вот эту:
<link rel="stylesheet" type="text/css" media="screen,projection,print" href="./css/style1.css" />
Теперь для того что бы округлить любую таблицу, нужно удалить <fieldset> и </fieldset>
или <fieldset width=200px> и </fieldset>
и вставить вверху блока:
<div id="rounded-box-5">
<b class="r5"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b><b class="r1"></b>
<div class="inner-box">
и внизу блока:
</div>
<b class="r1"></b><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r5"></b>
</div>
Получится примерно так:
Получится примерно так:
Ага,работает.Большое спасибо!
Помогу чем смогу, и денег не возьму.
млин... каламбур получился)
Помогу чем смогу, и денег не возьму.
Не если по норму,я вашему форуму БЛАГОДАРЕН!Столько всего полезного,тоже хочу пхп начать учить,но все бестолку,книг нормальных нет,или я такой
книг нормальных нет
Есть книги) Просто в электронке не совсем удобно изучать...
Как нить соберусь, и выложу свою подборку книг по PHP и MySQL