А не подскажете как сделать так???
Я про маленькое окошко с логином и поролем
Отредактировано СуСя (Чт, 26 Ноя 2009 19:25:29)
Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Корзина » Общие вопросы по оформлению (14)
А не подскажете как сделать так???
Я про маленькое окошко с логином и поролем
Отредактировано СуСя (Чт, 26 Ноя 2009 19:25:29)
Как сделать так, чтобы были фиолетовые тона в этом стиле?
Так пойдёт?
ЖМИ
А если оттенков потемней?
Например, из таких оттенков
и как применять то, что вы сделали? Как получить такой вид?
А не подскажете как сделать так???
Я про маленькое окошко с логином и поролем
В HTML верх
<style>
#loginDiv{
position:absolute;
z-index: 2;
background-color : #FAEBD7;
border : solid;
padding-bottom : 1px;
padding-left : 1px;
padding-right : 1px;
padding-top : 2px;
width: 300px;
}
</style>
Цвет фона
В HTML низ
<script language="JavaScript"> function showLDiv() { if( document.getElementById("loginDiv").style.display == 'none' ) document.getElementById("loginDiv").style.display = '' else document.getElementById("loginDiv").style.display = 'none' return false; } function check_form() { if(document.forms["form_login"].req_username.value=='' || document.forms["form_login"].req_username.value=='') { alert('Оба поля обязательны для заполнения'); return false; } return true } url=document.URL if(url.indexOf("login.php")==-1 && document.getElementById('navlogin')){ document.getElementById('navlogin').innerHTML = "<a href=\"login.php\" onclick=\"return showLDiv()\"><span>Войти</span></a>" login = "<center><div id=loginDiv style=\"display: none; \">" login += "<form id=form_login name=login method=post action=\"login.php?action=in\" onsubmit=\"return check_form()\">" login += "<fieldset>" login += "<legend>Введите ваше имя и пароль ниже</legend>" login += "<input type=hidden name=form_sent value=1 />" login = login + "<input type=hidden name=redirect_url value="+document.URL+" />" login += "<br><table width=\"100%\" align=left>" login += "<tr><td align=left><b>Имя :</b></td><td align=left><input type=\"text\" id=\"fld1\" name=\"req_username\" size=\"30\" maxlength=\"25\" /></td></tr>" login += "<tr><td align=left><b>Пароль :</b></td><td align=left><input type=\"password\" id=\"fld2\" name=\"req_password\" size=\"30\" maxlength=\"16\" /></td></tr>" login += "</table>" login += "</fieldset>" login += "<p class=formsubmit><input type=submit class=button name=login value=\"Войти\" /><br /> <a href=\"register.php\">Еще не зарегистрированы?</a><br /> <a href=\"login.php?action=forget\">Забыли пароль?</a></p>" login += "</form>" login += "</div></center>" document.getElementById('pun-navlinks').innerHTML += login } </script>
Good
Спасибо!
и как применять то, что вы сделали? Как получить такой вид?
Ставите в HTML верх коды
Фон под таблицами форума
<style>
#pun {
background-color :#B443AF;
}
</style>
Код цвета
Задний фон форума
<style>
html {
background : url(http://lenagold.ru/fon/ori/nebo/fio/star08.jpg);
background-repeat: repeat;
background-attachment: fixed;
}
</style>
Ссылка на картинку фона
Полоса под заголовком категории
<style>
.punbb th {
color : #fff;
background : url(http://10pix.ru/img1/1181/412064.gif) repeat-x bottom;
}
</style>
Цвет текста в полосе
фрновая картинка полосы
Можно просто цветом а не картинкой
<style>
.punbb th {
color : #fff;
background-color : #00FFFF!important;
}
</style>
Цвет полосы
Таблица цветов на всякий случай.
Удачи!!!
Отредактировано Good (Чт, 26 Ноя 2009 20:13:17)
Good, спасибо! Теперь есть, с чем работать
Да, и последнее: а как можно вставить в форме быстрого ответа опцию "Дополнительные цвета"? А то базовый набор цветов слишком узкий.
а как можно вставить в форме быстрого ответа опцию "Дополнительные цвета"?
Ставьте в HTML форма ответа
<style> #custom-mycolor {background-image:url('http://s60.radikal.ru/i168/0903/65/de67e22761d8.jpg'); padding:0; line-height:0; background-position:center; background-repeat:no-repeat; height:26px; width:100%} </style> <script type="text/javascript"> if((form=document.getElementById("form-buttons"))) form.getElementsByTagName("tr")[0].insertCell(19).innerHTML="<img src='/i/blank.gif' title='Мои цвета' id='custom-mycolor' title='Мои цвета' onclick=\"return changeVisibility('mycolor', this);\" />" </script> <div class="container" id="mycolor" style="display:none; width:787px"> <table cellspacing="0"> <tr> <td style="background-color:#FF6633; height:15px" onclick="bbcode('[color=#FF6633]', '[/color]'); return changeVisibility('mycolor', this)"></td> <td style="background-color:#CC3300; height:15px" onclick="bbcode('[color=#CC3300]', '[/color]'); return changeVisibility('mycolor', this)"></td> <td style="background-color:#660000; height:15px" onclick="bbcode('[color=#660000]', '[/color]'); return changeVisibility('mycolor', this)"></td> <td style="background-color:#990066; height:15px" onclick="bbcode('[color=#990066]', '[/color]'); return changeVisibility('mycolor', this)"></td> <td style="background-color:#FF3366; height:15px" onclick="bbcode('[color=#FF3366]', '[/color]'); return changeVisibility('mycolor', this)"></td> <td style="background-color:#000066; height:15px" onclick="bbcode('[color=#000066]', '[/color]'); return changeVisibility('mycolor', this)"></td> <td style="background-color:#003366; height:15px" onclick="bbcode('[color=#003366]', '[/color]'); return changeVisibility('mycolor', this)"></td> <td style="background-color:#0033FF; height:15px" onclick="bbcode('[color=#0033FF]', '[/color]'); return changeVisibility('mycolor', this)"></td> <td style="background-color:#00CC00; height:15px" onclick="bbcode('[color=#00CC00]', '[/color]'); return changeVisibility('mycolor', this)"></td> <td style="background-color:#669966; height:15px" onclick="bbcode('[color=#669966]', '[/color]'); return changeVisibility('mycolor', this)"></td> <td style="background-color:#006600; height:15px" onclick="bbcode('[color=#006600]', '[/color]'); return changeVisibility('mycolor', this)"></td> <td style="background-color:#FF6600; height:15px" onclick="bbcode('[color=#FF6600]', '[/color]'); return changeVisibility('mycolor', this)"></td> <td style="background-color:#CC6633; height:15px" onclick="bbcode('[color=#CC6633]', '[/color]'); return changeVisibility('mycolor', this)"></td> <td style="background-color:#FFD700; height:15px" onclick="bbcode('[color=#FFD700]', '[/color]'); return changeVisibility('mycolor', this)"></td> <td style="background-color:#666666; height:15px" onclick="bbcode('[color=#666666]', '[/color]'); return changeVisibility('mycolor', this)"></td> <td style="background-color:#00FF66; height:15px" onclick="bbcode('[color=#00FF66]', '[/color]'); return changeVisibility('mycolor', this)"></td> <td style="background-color:#00FF00; height:15px" onclick="bbcode('[color=#00FF00]', '[/color]'); return changeVisibility('mycolor', this)"></td> <td style="background-color:#00FFFF; height:15px" onclick="bbcode('[color=#00FFFF]', '[/color]'); return changeVisibility('mycolor', this)"></td> <td style="background-color:#66FF66; height:15px" onclick="bbcode('[color=#66FF66]', '[/color]'); return changeVisibility('mycolor', this)"></td> <td style="background-color:#99FF99; height:15px" onclick="bbcode('[color=#99FF99]', '[/color]'); return changeVisibility('mycolor', this)"></td> <td style="background-color:#CCFF00; height:15px" onclick="bbcode('[color=#CCFF00]', '[/color]'); return changeVisibility('mycolor', this)"></td> <td style="background-color:#CCFF66; height:15px" onclick="bbcode('[color=#CCFF66]', '[/color]'); return changeVisibility('mycolor', this)"></td> <td style="background-color:#CCFFCC; height:15px" onclick="bbcode('[color=#CCFFCC]', '[/color]'); return changeVisibility('mycolor', this)"></td> <td style="background-color:#FFFF00; height:15px" onclick="bbcode('[color=#FFFF00]', '[/color]'); return changeVisibility('mycolor', this)"></td> <td style="background-color:#FFFF99; height:15px" onclick="bbcode('[color=#FFFF99]', '[/color]'); return changeVisibility('mycolor', this)"></td> <td style="background-color:#00CC66; height:15px" onclick="bbcode('[color=#00CC66]', '[/color]'); return changeVisibility('mycolor', this)"></td> <td style="background-color:#339966; height:15px" onclick="bbcode('[color=#339966]', '[/color]'); return changeVisibility('mycolor', this)"></td> <td style="background-color:#6699CC; height:15px" onclick="bbcode('[color=#6699CC]', '[/color]'); return changeVisibility('mycolor', this)"></td> <td style="background-color:#CCCC66; height:15px" onclick="bbcode('[color=#CCCC66]', '[/color]'); return changeVisibility('mycolor', this)"></td> <td style="background-color:#009966; height:15px" onclick="bbcode('[color=#009966]', '[/color]'); return changeVisibility('mycolor', this)"></td> <td style="background-color:#9999FF; height:15px" onclick="bbcode('[color=#9999FF]', '[/color]'); return changeVisibility('mycolor', this)"></td> <td style="background-color:#CC9933; height:15px" onclick="bbcode('[color=#CC9933]', '[/color]'); return changeVisibility('mycolor', this)"></td> <td style="background-color:#CC66CC; height:15px" onclick="bbcode('[color=#CC66CC]', '[/color]'); return changeVisibility('mycolor', this)"></td> <td style="background-color:#FF6666; height:15px" onclick="bbcode('[color=#FF6666]', '[/color]'); return changeVisibility('mycolor', this)"></td> <td style="background-color:#003333; height:15px" onclick="bbcode('[color=#003333]', '[/color]'); return changeVisibility('mycolor', this)"></td> <td style="background-color:#333300; height:15px" onclick="bbcode('[color=#333300]', '[/color]'); return changeVisibility('mycolor', this)"></td> <td style="background-color:#663399; height:15px" onclick="bbcode('[color=#663399]', '[/color]'); return changeVisibility('mycolor', this)"></td> <td style="background-color:#993300; height:15px" onclick="bbcode('[color=#993300]', '[/color]'); return changeVisibility('mycolor', this)"></td> <td style="background-color:#FF3300; height:15px" onclick="bbcode('[color=#FF3300]', '[/color]'); return changeVisibility('mycolor', this)"></td> <td style="background-color:#FF66FF; height:15px" onclick="bbcode('[color=#FF66FF]', '[/color]'); return changeVisibility('mycolor', this)"></td> <td style="background-color:#0000FF; height:15px" onclick="bbcode('[color=#0000FF]', '[/color]'); return changeVisibility('mycolor', this)"></td> <td style="background-color:#660033; height:15px" onclick="bbcode('[color=#660033]', '[/color]'); return changeVisibility('mycolor', this)"></td> <td style="background-color:#990000; height:15px" onclick="bbcode('[color=#990000]', '[/color]'); return changeVisibility('mycolor', this)"></td> <td style="background-color:#FF0000; height:15px" onclick="bbcode('[color=#FF0000]', '[/color]'); return changeVisibility('mycolor', this)"></td> <td style="background-color:#FF0066; height:15px" onclick="bbcode('[color=#FF0066]', '[/color]'); return changeVisibility('mycolor', this)"></td> <td style="background-color:#FFCCCC; height:15px" onclick="bbcode('[color=#FFCCCC]', '[/color]'); return changeVisibility('mycolor', this)"></td> <td style="background-color:#ffcc66; height:15px" onclick="bbcode('[color=#ffcc66]', '[/color]'); return changeVisibility('mycolor', this)"></td> <td style="background-color:#666633; height:15px" onclick="bbcode('[color=#666633]', '[/color]'); return changeVisibility('mycolor', this)"></td> <td style="background-color:#cc6633; height:15px" onclick="bbcode('[color=#cc6633]', '[/color]'); return changeVisibility('mycolor', this)"></td> <td style="background-color:#99ff00; height:15px" onclick="bbcode('[color=#99ff00]', '[/color]'); return changeVisibility('mycolor', this)"></td> <td style="background-color:#cccccc; height:15px" onclick="bbcode('[color=#cccccc]', '[/color]'); return changeVisibility('mycolor', this)"></td> <td style="background-color:#ffcccc; height:15px" onclick="bbcode('[color=#ffcccc]', '[/color]'); return changeVisibility('mycolor', this)"></td> <td style="background-color:#336666; height:15px" onclick="bbcode('[color=#336666]', '[/color]'); return changeVisibility('mycolor', this)"></td> <td style="background-color:#ff9999; height:15px" onclick="bbcode('[color=#ff9999]', '[/color]'); return changeVisibility('mycolor', this)"></td> </tr> </table> </div>
Спасибо большое
А как сделать так, чтобы 1 пост высвечивался первым на всех страницах этой темы?
Еще такой вопрос: как сделать так, чтобы на форуме отображались именно в таком виде, как на примере
значки по изображениям "В теме есть сообщения", "В теме нет новых сообщений" и "Тема закрыта"?
Хотелось бы именно такие иконочки вместо моих нынешних иметь
Да и еще, как поставить цвет шрифта в названиях тем, вообщем всех названий на главной странице, чтобы оно было в цвет моей основной темы форума?
Отредактировано Ed (Чт, 26 Ноя 2009 21:21:20)
А как сделать так, чтобы 1 пост высвечивался первым на всех страницах этой темы?
Помоему нет такой возможности.
Good
ясненько) спасибо) да как оказалось, это только у одного участника так, а у остальных все нормально)
еще раз спасибо за помощь)
Вирона
Удачи!
Хотелось бы именно такие иконочки вместо моих нынешних иметь
Дайте адрес того форума
Хи!Здрасти!!! =))) Дайте плиз скрипт нормальный чтобы в стаистике был нормальный фон а не как на изображении.
<style>
#pun-stats.section .statscon .container {
background-color: #000000;
}
</style>
Отредактировано Good (Чт, 26 Ноя 2009 23:11:39)
Дайте адрес форума где вы такое видели. Я вас не совсем понял, мне надо самому посмотреть. Может вам нужна подсветка?
Да подсветку...
Дайте адрес того форума
К сожалению, у меня есть только скрин копии этого форума в архиве, где есть еще и xml-файл. Так как скачивал его с форумах о темах MyBB.
А если я в архиве нашел сам картинки с такими иконками, может я могу их как-то вставить с помощью кода? Если да, то как это можно сделать?
Отредактировано Ed (Чт, 26 Ноя 2009 23:50:51)
я могу их как-то вставить с помощью кода?
Вы здесь » Единый форум поддержки » Корзина » Общие вопросы по оформлению (14)