Полигон

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Полигон » Дизайн » Дизайн для ТФР


Дизайн для ТФР

Сообщений 1 страница 50 из 62

1

Да начнётся вакханалия.

0

2

Итак! Вот тут - полная подборка всего стоящего, чего мне удалось собрать на тему древних руин в ТФ-вселенной, плюс, кое-что сверху: так, изображение Золотого Диска в теории можно использовать как иконку для разделов - пользователи об этой штуке наслышаны и ход оценят. В целом - оно даёт представление о стилистике, в которой я хотел бы выдержать форум.

0

3

Если кратко, в прошлой серии нашего дурдома мы с Мельз остановились на следующей концепции: дизайн оформить в стиле древних руин, наподобие Древнего Египта или Вавилона - благо, у ТФ такие в наличии присутствуют. Гамма - тёплые тона, в принципе, может пойти некая стена из усыпальницы фараона, главное, чтоб там хумансов не было - а то народ взлютует) В шапку, соответственно, нечто, контрастирующее с общим фоном - как например вид на Кибертрон с мостика косм.корабля (есть в подборке), либо один из планетарных пейзажей или батальных сцен (есть в отдельных подборках, могу выложить в любой момент). Объявление целиком отводится под чат, по бокам - можно (если удастся найти) поставить статуи каких-нибудь древних воинов или просто пару колон, либо вовсе - Мегатрона с Праймом, последних у меня тоже в достатке. Скрипты с пояснениями я сейчас скину под спойлер. Да, если архив окажется слишком громоздким - могу выложить содержимое в отдельной теме в виде превьюшек, загрузив на картинкообменник.

0

4

Глорфиндел
Пара вопросов общего характера.) Со слов Артанис я поняла, что нужна широкая шапка, перетекающая в задний фон, и тело с футером. Это так?
Картинки с алфавитом в подборке. Просто так или есть глобальный замысел?
Что со скриптами? Точнее, что стоит (кроме пиар-входа) и нужно ли что-то добавлять? Сюда же пожелания по поводу объявления. Вроде ничего не забыла :)

0

5

Подборку я качнула уже, если ты о ней.
Стена из усыпальницы - в качестве чего? Задник или тело?

0

6

ХТМЛ-верх

Тут, по очереди: скрипт с размером тела форума, центрирование, сдвигающий логотип вправо, устанавливающий фон, укрупняющий текст сообщений, и, в конце – рандомное лого с цитатами, которое я всё никак не возьмусь довести до ума. В целом, всё это можно реализовать иначе или вообще убрать, так что оно, по сути, не так уж важно.

<style type="text/css">
#pun {width: 800px; margin: auto; }
</style>

<!--Центрирование- Форум, участники..-->
<style type="text/css">
#pun-navlinks, #pun-ulinks {
text-align: center;
}
</style>

<style type="text/css">
.title-logo-tdr a, .title-logo-tdr iframe, .title-logo-tdr object, #tieser-bottom {
  filter:alpha(opacity=60);
  opacity: 0.6;
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
}

.title-logo-tdr a img:hover, .title-logo-tdr iframe:hover, .title-logo-tdr object:hover, #tieser-bottom:hover {
filter:alpha(opacity=100);
opacity: 1.0;
-moz-opacity: 1.0;
-khtml-opacity: 1.0;
}
</style>

<style type="text/css">
html, body{
background: transparent none !important;
}
</style>
<img src="http://i68.fastpic.ru/big/2014/0827/07/453b4196b4371d0d1174aae4a2ab1907.jpg" style="position: fixed; top: 0; left: 0; z-index: -1; width: 100%; height: 1324; margin: 0 0 0 0;"/>

}
</style>

<!--Изменение текста сообщений-->
<style type="text/css">
.punbb .post-content {
  font-size:13px;
}
</style>

<style type="text/css">
#pun-title .title-logo {display: none;}
</style>

<style>
#convert { position:fixed; right:10%; top:65%; z-index:1000;}
#messanger { position:fixed; right:10%; top:65%; z-index:1000; width:280px; border: 2px solid #696969;
-moz-border-radius: 8px;border-radius: 8px;khtml-border-radius:8px;-webkit-border-radius:8px;
box-shadow: 5px 5px 5px #9C9C9C; -moz-box-shadow: 5px 5px 5px #9C9C9C; -webkit-box-shadow: 5px 5px 5px #9C9C9C; filter: progid:DXImageTransform.Microsoft.Shadow(color='#9C9C9C', direction=145, strength=7);}
#closer{
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.41, #1F1F1F),color-stop(0.94, #D7E3E3));
background-image: -moz-linear-gradient(center bottom,#1F1F1F 41%,#D7E3E3 94%);
background-image: -o-linear-gradient(top,#D7E3E3,#1F1F1F);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#D7E3E3', endColorstr='#1F1F1F');
color: lime;
-moz-border-radius: 9000em;border-radius: 9000em;khtml-border-radius:9000em;-webkit-border-radius:9000em;cursor: pointer;float: right;font-size: 15px; border: 2px solid #696969;}
#closer:hover {color: #FF4500; }
</style>

<link id="iNFpanel" rel="stylesheet" href="http://hostjs-mybb2011.narod.ru/css/change_ava.css" type="text/css"/>
<script src="http://hostjs-mybb2011.narod.ru/js/change_avatar_Nic_Status.js"></script>

<script type="text/javascript">
    var phr = new Array()
    phr.push("http://i60.fastpic.ru/big/2014/0330/c2/cea2df7fbff9a869664c160f1c39adc2.jpg")
    phr.push("http://i60.fastpic.ru/big/2014/0330/05/981fb99789d662a14fbe9b9c8c1fc005.jpg")
    phr.push("http://i60.fastpic.ru/big/2014/0330/d3/deb5005cf96aa0f112e9566a7193dad3.jpg")
    phr.push("http://i60.fastpic.ru/big/2014/0330/8c/2a7647b764d51f90d825881b52fe418c.jpg")
    document.write('<style>#pun-title table {background-image: url('+phr[Math.round(Math.random()*(phr.length-1))]+'); background-repeat: no-repeat;}</style>')
    </script>

ХМТЛ-низ

Вот тут – уже интереснее. Вверху – скрипт смены аватаров, ниже – ЛСки, Вход на форум через всплывающее окно, баннеры партнёров, которые занимают нижнюю линейку и скрипт «Выделить код», который дорог мне как память и средство быстрого копирования шаблона анкет НПС.

<style>.punbb .pa-avatar img {max-width:220px;height:auto;}</style>
<script type="text/javascript">
//========== HTML-низ START СЕКЦИЯ ======================================//
OnSmenaImage("Название  Форума", new Array("Ник1", "Ник2", "Ник3",  "Ник4", "Ник5", "Ник6"))
OnSmenaImage("Название темы", new Array("Ник1", "Ник2", "Ник3",  "Ник4", "Ник5", "Ник6"))
var AvtrArr=new Array(
"http://avatars.kards.qip.ru/images/avatar/41/54/21569.gif",    //Ссылки на картинки Аватар
"http://avatars.kards.qip.ru/images/avatar/88/35/13704.jpg",
"http://avatars.kards.qip.ru/images/avatar/41/67/26433.gif",
"http://avatars.kards.qip.ru/images/avatar/4e/cb/117582.jpg",
"http://avatars.kards.qip.ru/images/avatar/e4/e4/58596.gif",
"http://avatars.kards.qip.ru/images/avatar/ed/d7/120813.gif"   //End myarray_!!Последняя ссылка без Запятой!!!
)
StartNIZ(); //
//======= end HTML-низ START СЕКЦИЯ =====================================//
</script>

<!-- Система оповещения о личных сообщениях v.2.1-->
<script type="text/javascript">
if((document.getElementById("navpm").innerHTML.indexOf("(") != -1) && (document.URL.indexOf("messages.php") == -1)) {document.write('<div id="convert"><img style="" src="http://forumupload.ru/uploads/0000/0a/f2/68797-1.gif" alt="" ><div id="messanger" class="container" style="display:none; padding: 15px; text-align: right; background-color: #ebeaf0;"><span><img style="border: 2px solid #696969;" align="left" src="'+UserAvatar+'" width="60" height="60" alt="">Привет, <strong>'+UserLogin+'</strong><br>у Вас новое личное сообщение</span><br /><br /> <ul class="pisma"></ul><audio autoplay="autoplay"><source src="http://irpi.jr1.ru/ku-ku.ogg" type="audio/ogg; codecs=vorbis"><source src="http://promobil.kiev.ua/uploads/files/1188937250_icq.mp3" type="audio/mpeg"></audio><br /><span id="closer" ><strong>&nbsp;X&nbsp;</strong></span></div></div>');}
$("#convert").mouseover(function(){
$('#messanger').show();});
$.ajax({
  type: 'GET',
  url: 'messages.php',
  contentType: 'text/html; charset=windows-1251',
  success: function(data){
$(data).find('tr.icon').each(function(){ 
var QMess=$(this).find('div.tclcon a').text();var QLink=$(this).find('div.tclcon a').attr('href');var Qautor=$(this).find('td.tc2 a').text();
var QProf=$(this).find('td.tc2 a').attr('href');ProfilUser = /(.*?)\/profile\.php\?id=(\d+)/g;
RrofId=(QProf.replace(ProfilUser, '$2'));
$.get('profile.php?section=avatar&id='+RrofId,'',processGetImg);
function processGetImg(data){
$(data).find('td#profile-left li div, div.fs-box').map(function(){ 
var ZAva=$(this).find('img').attr('src');
$('.pisma').append('<li><a onclick=\'window.open(href="'+QLink+'"); return false\'  class="mess" href="'+QLink+'">Ссылка на сообщение</a> от <a onclick=\'window.open(href="'+QProf+'"); return false\'  class="mess" href="'+QProf+'">'+Qautor+'</a><img style="border: 1px solid #696969;margin: 3px 0 -2px 5px;" src="'+ZAva+'" width="24" height="24" alt=""></li>');
$('.mess').click(function(){
$('#messanger').toggle();});
});} });} });
$('#closer').click(function(){
$('#messanger').slideToggle('slow');});
</script>

    <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 = "<centr><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=centr>"
        login += "<tr><td align=left><b>Имя :</b></td><td align=left><input type=\"text\" id=\"fld1\" name=\"req_username\" size=\"21\" maxlength=\"25\" /></td></tr>"
        login += "<tr><td align=left><b>Пароль :</b></td><td align=left><input type=\"password\" id=\"fld2\" name=\"req_password\" size=\"7\" maxlength=\"16\" /><span class=formsubmit><input type=submit class=button name=login value=\"Войти\" /></span>"
        login += "</form></td></tr>"
        login += "</table>"
        login += "</fieldset>"
        login += "<p><a href=\"register.php\">  Зарегистрироваться.</a>                                                         <a href=\"login.php?action=forget\">   Забыли пароль?</a></p>"   
    login += "</div></center>"

        document.getElementById('pun-navlinks').innerHTML += login
        }
        </script>
        <style>
        #loginDiv{
            position:absolute;
            z-index: 2;
            background-color : #000000;
            border : solid;
            padding-bottom : 10px;
            padding-left : 0px;
            padding-right : 0px;
            padding-top : 5px;
            width: 290px;
        }
        </style>

        <style>
        #loginDiv{
            position:absolute;
            z-index: 2;
            background-color : #000000;
            border : solid;
            padding-bottom : 10px;
            padding-left : 0px;
            padding-right : 0px;
            padding-top : 5px;
            width: 290px;
        }
        </style>

<a href="http://tf-rotf.do.am/" title="Transformers: Prime"><img src="http://tf-rotf.do.am/TF/TFP-banner.gif" alt="Transformers: Prime (бывший РОТФ). Минсктрополис" title="Transformers: Prime (бывший РОТФ). Клуб минских транс-фанов. Игровой форум, материалы, арт" width="88" height="36" border="0"></a>

<a href="http://www.tf-base.ru" target="_blank"><img src="http://www.tf-base.ru/buttons/base-network1.jpg" height="31" width="88" border="0" alt="TF Base"></a>

<a href="http://forroll.forum24.ru/" target="_blank"><img src="http://storage7.static.itmages.ru/i/11/1212/h_1323710364_3512492_e9f49859fc.jpeg" height="31" width="88" border="0" alt="Форролл, рекламные объявления ФРИ, общение админов и мастеров"></a>

<a href="http://top.roleplay.ru/18359" title="Рейтинг Ролевых Ресурсов - RPG TOP" target="top_">
<img src="http://img.rpgtop.su/rpgtop1.gif" alt="Рейтинг Ролевых Ресурсов - RPG TOP" border="0" width="88" height="31"></a>

<a target="_blank" href="http://tank.mybb.ru" title="Ролевой Каталог 'ТАНКЪ'"><img src="http://forumstatic.ru/files/000e/fd/f7/73767.gif" border="0"></a>

<a href="http://lib.rus.ec/a/56348" title="Страничка писателя Александра Сергеевича Конторовича. Выбор Сиксшота." target="blank"><img src="http://i073.radikal.ru/1210/1e/7a4d9b431808.gif"></a>

<a href="http://transformersdozemli.mybb.ru/"> <img src="http://savepic.org/6004030.gif" alt="Трансформеры"> </a>

<a href="http://transformerscybertron.mybb.ru/"> <img src="http://savepic.org/6070143.gif" width="88" height="31" border="0" alt="Трансформеры"> </a>

<!--"Выделить код" в форме кода--><script type="text/javascript">
function select_text(elem) {
    if(window.getSelection) {   
var s=window.getSelection();   
if(s.setBaseAndExtent){   
    s.setBaseAndExtent(elem,0,elem,elem.innerText.length-1);   
}
else {   
    var r=document.createRange();   
    r.selectNodeContents(elem);   
    s.removeAllRanges();   
    s.addRange(r);
}   
    }
    else if(document.getSelection){   
var s=document.getSelection();   
var r=document.createRange();   
r.selectNodeContents(elem);   
s.removeAllRanges();   
s.addRange(r);   
    }
    else if(document.selection){   
var r=document.body.createTextRange();   
r.moveToElementText(elem);   
r.select();
    }   
}
</script><script type="text/javascript">
var div = document.getElementById('pun-main').getElementsByTagName('div');
for(x in div){
if(div[x].className=='code-box'){
div[x].getElementsByTagName('strong')[0].innerHTML = '<a href="#" onclick="select_text(this.parentNode.parentNode.childNodes[1].getElementsByTagName(\'pre\')[0]); return false;">Выделить код</a>';
}
}
</script>

<script type="text/javascript">
PiarNik="Сорока";
PiarPas="12345";
var L="<div id=\"PR_loginDiv\" style=\"display:none;\">\
<form id=\"form_login\" name=\"login\" method=\"post\" action=\"/login.php?action=in\" onsubmit=\"return check_form()\">\
<fieldset>\
<input type=\"hidden\" name=\"form_sent\" value=\"1\"/>\
<input type=\"text\" id=\"fld1\" name=\"req_username\" size=\"21\" maxlength=\"25\"/>\
<input type=\"text\" id=\"fld2\" name=\"req_password\" size=\"7\" maxlength=\"16\"/>\
<input type=\"submit\" class=\"button\" name=\"login\"/>\
</fieldset>\
</form>\
</div>\
<li id=\"navpiar\"><a href=\"#\" onclick=\"PiarIn();return false\"><span>Пиар вход</span></a></li>";
if($("#navlogin").html()!=null){
$("#navlogin").after(L) //navlogin
$("#PR_loginDiv #fld1").val(PiarNik)
$("#PR_loginDiv #fld2").val(PiarPas)
function PiarIn () {$("#PR_loginDiv input[type='submit']").click();}
}
</script>

<div id="Nulll" style="display:none;"></div><script>
$(document).ready(function() {$("#Nulll").load(document.URL+"#pun-navlinks #navindex");});
</script>

Объявление

Тут всё просто – скрипт приветствий и чат. Чат настраивается довольно тонко: цвета, шрифты… В общем, подогнать его под дизайн форума – не проблема, но настройка производится в отдельной ПУ. Как потребуется – организую туда доступ, интерфейс там простой.

<script type="text/javascript">
var h=(new Date()).getHours();
if (h > 23 || h <7) {a='Привет лунатикам! ' }
if (h > 6 && h < 12) {a='Доброе утро! Как спалось? '}
if (h > 11 && h < 19) {a='Добрый день!'}
if (h > 18 && h < 24) {a='Привет! Уже вечер...'}
var arre=document.getElementsByTagName("h2")
var f=0
for (f=0; f<=(arre.length-1); f++)
{if (arre[f].innerHTML.indexOf("Объявление")!=-1)
{arre[f].innerHTML=a}}
</script>

<!-- BEGIN CBOX - wwwcbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="640" height="371" src="http://www5.cbox.ws/box/?boxid=800576&amp;boxtag=r8lmaf&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain5-800576" style="border:#DBE2ED 1px solid;" id="cboxmain5-800576"></iframe></div>
<div><iframe frameborder="0" width="640" height="109" src="http://www5.cbox.ws/box/?boxid=800576&amp;boxtag=r8lmaf&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform5-800576" style="border:#DBE2ED 1px solid;border-top:0px" id="cboxform5-800576"></iframe></div>
</div>
<!-- END CBOX -->

0

7

О ней, родимой) Именно как фон-задник. Насчёт тела - я бы предпочёл или некий незамысловатый узор вроде того, что здесь, или вовсе без украшений, посветлее заднего фона, с целью повышения читабельности.

0

8

Выделение кода - святое /глас пиарщика/
ХТМЛ-верх почти весь можно через код стиля реализовать, были бы руки из нужного места. Надеюсь, мне навыков хватит хД
С чатом пока подождём, остальное сейчас буду подставлять. И да, стрелочки прокрутки вам делать? Весят немного, вещь полезная)

0

9

Аллинэя
О! Одолжишь мне парочку? В хозяйстве бы очень пригодились :) А вообще - дело понятное) Меня, главным образом, интересуют дайсы и чат, всё остальное не критично) Хотя те же аватарки и выделение кода и впрямь лучше оставить.
Ок, подстроить - не проблема. Ммм... нет, пожалуй не стоит)) Оно конечно красиво, но при сильном увеличении наползает на текст.

0

10

Так, я пока вас почитаю молча, потому что у меня пореалово вакханалия и это грозит просыпанием в общаге с подругой, а не дома с котом. ХД

0

11

Глорфиндел
Как хочешь) Я привыкла уже, в своих архивах без стрелок долго прокручивать можно в поисках нужной инфы т.т
Скрипты вроде все поставила. Пойду пока над исходниками думать)

0

12

Хотя нет, это плохая идея) Выдрать всю лишнюю графику и сделать банальную цветовую таблицу, а на неё потом уже вешать всё остальное Оо
Арамэльминдиз
Да ради Оры)

0

13

Арамэльминдиз
Читай-читай, авось - примкнёшь к творческому процессу :)
Аллинэя
Нууу... я подумаю, игроков поспрашиваю) Но лично мне как-то привычнее через клавиатуру пролистывать)
Давай лучше с чистого листа, если нужно - любой участок кода можно перенести и отсюда, верно?

0

14

Глорфиндел
Верно. Просто у меня с графической составляющей не слишком хорошо, а наш дизайн-художник мало того, что по уши в учёбе, так ещё и заболел. Мне совесть не позволяет её дёргать, слышишь, Тёмность?) Так что пока буду вспоминать основы работы с кодом. А то с появлением Фламментайна я это дело забросила  :rolleyes:  И начну с того, что обрежу шапку т.т /в упор не видит нужной опции/
Поспрашивай) Тут дело привычки. У нас раньше много сообщений на странице было - проматывать долго. А у меня сейчас только стрелки на клавиатуре, ими мотать долго. Так что мне без скрипта никак)

0

15

Аллинэя
Слышу-слышу. Если что, я и гимп тоже к вашим услугам. Пля, я ещё должна гифт Тен...

0

16

Аллинэя
Дело понятное, и я тут могу разве что посочувствовать - всегда считал стиль форума дремучим лесом, где водятся привидения и страшненькие крякозябры)
Хммм... это да, на современных клавиатурах их часто урезают. Окей, проведу летучий соцопрос)

0

17

Арамэльминдиз
Я ближайшие пару дней буду вспоминать кодоводство, по ходу. Ибо с пятой попытки поднять шапку - это перебор /лицедлань/ Так что живи спокойно. А вот потом буду пугать всех желающих подстановкой артов на нужные места.
Глорфиндел
А дайсы под форму ответа прикручены? А то я их в кодах не видела.

0

18

Глорфиндел
Это не современная клавиатура, это ябло-бук т.т
Не всё так страшно, но нужна практика) А я радостно свалила создание дизайна на более сведущих и надолго забыла про коды. Только недавно вот начала тут ковыряться, чтобы хоть что-то вспомнить.

0

19

Ай, забыл) Сейчас...

Форма ответа

<input type="button" onclick="dice()" value="Кинуть Дайс" />
<script type="text/javascript">

function unhtml(s)
{ return s.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;"); }

function numword(s,one,two,many)
{ return(((s%100>=10 && s%100<=20) || s%10>=5) ? many :
          (s%10==1 ? one : two)); }

function dice()
{
        var FoundErrors = '';
        var diceRes=""
        var CountCube = prompt("Количество кубиков", "1");
        if(CountCube>100 || CountCube<=0) {
        alert("Нельзя бросать столько кубиков");  return false;}
        var SideCube = prompt("Сколько граней у кубика?", "30");
        if(SideCube>1000 || SideCube<=0){
        alert("Не бывает таких кубиков");         return false;}
        var BonusCube = parseInt(prompt("Какой бонус прибавляем?", "+0"));
        var ReasonCube = unhtml(prompt("По какому поводу бросок?", "").
           replace(/\s+/g," ").replace("]"," "));
       
        for(i=0; i<CountCube;i++)
        {
          var dice = (Math.round(Math.random()*SideCube));
          if(dice==0) dice=1;
          diceRes += dice*1936+"-";
        }
        smile('[dice='+diceRes+CountCube+':'+SideCube+
              ':'+BonusCube+':'+ReasonCube+']');
}

function addDice(post,from,internal)
{
  var str=post.innerHTML, num=-1, date=-1, a, fCanRandomise=0, u="";
  while(post=post.parentNode)
    if(post.className=="container")
      if(post=post.parentNode)
      {
        if(a=post.innerHTML.match(
          /class[^<>]+permalink[^<>]+#p(\d+)[^<>]*>[^<>]*(\d+):(\d+):(\d+)[^<>]*<\/a>/i))
            { num=a[1]; date=a[4];
              fCanRandomise=1; break; }
      }

  var ran=parseInt(num+date);
  return str.replace(
     /\[dice=((?:\d+-)*)(?:(\d)(\d+)|(\d+)(:)(\d+)(?::(-?\d+):([^\]]*))?)]/g,
  function(a,dice,diceC,diceS,adieC,fNewScheme,adieS,adieB,adieR)
  {
    diceC=parseInt(fNewScheme ? adieC : diceC);
    diceS=parseInt(fNewScheme ? adieS : diceS);
    adieB=parseInt(adieB ? adieB : 0);
    if(adieB>0) adieB='+'+adieB;
    if(!fCanRandomise && fNewScheme)
      return '<div class="quote-box"><blockquote><p><b>СБОЙ ДАЙСОМЕТАЛКИ - СООБЩИТЕ МАСТЕРАМ</b></p></blockquote></div> ';

    var i,diceR=0,
        s='<div class="quote-box"><blockquote '+ 
          'style="text-align:left"><p>'+
           '<b>Игрок кинул '
           +diceC+numword(diceC,' куб с ',' куба с ',' кубов с ')
           +diceS+numword(diceS,' гранью',' гранями',' гранями')
           +(adieB ? (adieB>0 ? ' и бонусом ' : ' и пенальти ')+adieB : '')+
           (adieR ? ', моделируя событие:</b><br><i>'+adieR+'</i><b>' : '')
           +'<br /><br />Результаты броска '+
           (fNewScheme ? '' : '(старая схема)')+'</b>: (';

    dice=dice.split("-");
    for(i=0; i<dice.length-1; ++i)
    {
       var d=parseInt(dice[i]/1936);
       date=((date>>1)+((date&1)<<21))&0x3fffff;
       num=((num>>1)+((num&1)<<22))&0x7fffff;
       if(fNewScheme) d=(ran=(((ran>>1)+(((ran&1) ? 0 : 1)<<23)+d+date)^num)&0xffffff)%diceS +1;
       diceR+=d;
       s+= (i?' + ':'') + d;
    }

    if(adieB) diceR+=parseInt(adieB);
    return(s+ (adieB ? ')'+adieB : ')')+
           '=' + diceR + '</p></blockquote></div>');
  });
}
if(document.URL.indexOf("viewtopic.php")!=-1)
{
  elm=document.getElementById("pun-main").getElementsByTagName("div");
  for(x=0; x<elm.length; ++x)
    if(elm[x].className=="post-content")
      elm[x].innerHTML=addDice(elm[x]);
}
</script>

<script type="text/javascript">
    if (document.getElementById('pun-status').innerHTML.indexOf("Гость")!=-1){
    if (document.URL.indexOf("profile.php")!=-1){
    document.getElementById('pun-status').innerHTML="<div id=pun-status class=section><p class=container><span class=item1>Вы не имеете права доступа к этой странице</span></p></div>"
    document.getElementById('pun-main').style.display="none"
    }}
    </script>

Собственно, там всего два: первый - про дайсы, второй - про аватарки.

0

20

Глорфиндел
Ширина форума какая? Как у вас было (800) или пошире сделать?

0

21

И ещё вопрос: кто видит рекламный баннер наверху? У меня он почему-то отсутствует и меня это немного пугает. В первую очередь тем, что я его двигать не хотела. В общем, если кто-то видит - скиньте скрин, я хоть буду знать, что он есть.

0

22

Давай чуть пошире, под 900.
И таки нет, баннер и у меня не показывается.

0

23

Глорфиндел
Окей)
Печально... В какую тьмутаракань я его засунула?!

Добавлено спустя 1 час 39 минут 8 секунд:
Из-за чего реклама уехала - поняла. А вот почему - не особо т.т А главное - как сделать то, что мне нужно.

0

24

Аллинэя
Во, теперь он появился)) Хмммм... если скриптом - то там всё достаточно просто. А вот если через стиль... вкурю на досуге, может смогу с этим помочь.

0

25

Так там скрипт и стоит. Но какой-то странный.

0

26

<!--ДВИГАТЬ РЕКЛАМУ--!>
<style>
.title-logo-tdr a, .title-logo-tdr iframe, .title-logo-tdr object{
  position: relative;
  left: -10px;
  right: -16px;
  top: -540px;
}
</style>

Дайте мне по башке кто-нибудь. У меня в хтмл-верхе свой код сдвига рекламы стоял. А я-то гадала, с фигали у меня всё куда-то улетает.  :smoke:

0

27

Воля дамы - закон) *стукнул по голове плюшевой акулой* А вообще - я в скриптах более-менее разбираюсь, так что, если что - обращайся, авось, в две головы разберёмся :)

0

28

Глорфиндел
Я разбираюсь только в тех, которые связаны с ЦСС) Всё, что написано на ЯваСкрипте и прочих радостях программистов для меня тёмный лес, увы. хотя это не помешало мне настроить смену стилей кнопками хД

Господа и дамы, а скажите мне следующее: от краёв экрана тело на одинаковом расстоянии или как? Глазомер меня подводит, увы.

0

29

Глорфиндел
Если нужна стена из усыпальницы - найдёшь? У меня поисковик ничего вменяемого не выдал, увы. Только всякий ужас под кривыми углами.

0

30

http://sa.uploads.ru/X3uTC.jpg

0

31

Аллинэя
Таки неплохая штука. Что-то из скинутых текстур приглянулось?

0

32

Арамэльминдиз
Таки меньший размер должен быть лучше. А текстуры... Мне бесшовные нужны т.т А там не все такие, насколько я вижу( Сейчас качну и посмотрю, как что стыкуется. А дальше будет треш - нужны рамочки. Хотя... Кажется, у меня есть более-менее внятная идея  :idea:

0

33

http://sa.uploads.ru/h2pKQ.jpg
http://sa.uploads.ru/0xHzj.jpg

0

34

фоны

http://sa.uploads.ru/30ndk.jpg
http://sa.uploads.ru/aEbcm.jpg

0

35

Было так:
http://sa.uploads.ru/t/Evxph.png
Как лучше?
Текстуру в теле могу сделать более "зернистой", если что.

0

36

Аллинэя
Имхо, сейчас поинтереснее.

0

37

Арамэльминдиз
Поверю на слово.)
Глорфиндел
Нужна ли рамка по краю тела и если нужна, то какая. И какой высоты шапку делать?

0

38

Аллинэя
Имхо, жёлтая Квентовская рамка - самое оно.

0

39

Арамэльминдиз написал(а):

Имхо, жёлтая Квентовская рамка - самое оно.

Это если нейтральный стиль. А если нужен тематический - то категорическое ноуп.

0

40

Аллинэя
По поводу расстояния - вроде одинаковое, норм.
Насчёт фона - найду)) Дай пару дней :)
Насчёт тела - да, сейчас получше, читабельней. Но ему решительно нужна рамка...
Рамка - да, однозначно нужна, в первую очередь - как раз для тематического антуража. Хммм... тут бы подошло нечто из стали или серебра, чтобы оттенить цвета тела и фона... попробую подыскать нечто подходящее :)

0

41

Шапку - полагаю, чуть выше стандартной, но тут всё зависит от того, что пойдёт туда в качестве изображения. На выходных попробую поработать с той картинкой мостика Арка 1 из подборки, если получится нечто вразумительное - скину.

0

42

Глорфиндел
Фон жду, на крайний случай есть этот. Цвет смогу подкорректировать при необходимости.
Рамка у меня вроде как есть. Только её надо распилить и понять, получится ли сделать бесшовную штуку в итоге. Но чем больше исходников - тем лучше.)

0

43

Глорфиндел написал(а):

Шапку - полагаю, чуть выше стандартной

А стандартная - это сколько?) В рх?) Средняя шапка где-то от 350 и до 500 может быть. Сейчас я оставила 250, но я любитель маленьких шапок хД

0

44

Так, вот первый вариант - он же самый простой и очевидный:
http://i66.fastpic.ru/big/2014/1018/f8/ … 89b8f8.jpg
Чуть обрезать справа + убрать свечение по центру - и будет почти идеал. Но! Благодаря Бейте - у меня теперь есть идея, напрямую с этим идеалом граничащая. Если коротко, она предложила взять подходящую металлическую стенку и вручную расписать её в ФШ. У меня где-то завалялась пара кибертронских шрифтов + делать красивые надписи я умею давно и основательно, так что... на выходных займусь росписью :) Благо - есть одна хорошая вдохновляющая тема. В итоге - сравним все три варианта и подберём лучший.

По рамке - пробуй, я тоже раскурочу пару рисунков и попробую отыскать нечто стоящее.
Стандартная - это которая сейчас :) Хммм... Попробуй увеличить размер до 280 и поставь вот эту:
http://i66.fastpic.ru/big/2014/1018/5c/ … 02665c.jpg
Я изначально хотел опробовать эту картинку, но надо глянуть, как она будет выглядеть.

0

45

О! Вот ещё интересная штука - http://ru.forwallpaper.com/wallpaper/te … 06764.html
Нэя, можно её развернуть и поставить как тело форума? Тогда - можно и вовсе без рамки обойтись, а кибертронскую тематику отразим в фоне и шапке.

0

46

http://i64.fastpic.ru/thumb/2014/1018/0b/0946a64a924c1f3c9645b182223e590b.jpeg
Слева - исходный текст.
Справа - переложение на три "трансформерских" языка, которое я планирую наложить на подходящий фон и художественно оформить.

0

47

bj

http://sa.uploads.ru/yxJnG.jpg

0

48

Так... Шапка пойдёт. Единственный вопрос - можно сделать так, чтобы она подгонялась под размер страницы? Т.е. чтобы при уменьшении\увеличении масштаба она заполняла экран с края до края?
Тело... Хмм... попробую над ним поколдовать: отрежу нижнюю часть, убавлю контраст. Если получится - надо будет подумать над тем, как не допустить наезжания текста и прфоилей на рамку.

0

49

Глорфиндел написал(а):

Нэя, можно её развернуть и поставить как тело форума? Тогда - можно и вовсе без рамки обойтись, а кибертронскую тематику отразим в фоне и шапке.

Попробовала - текст нечитабелен вообще. Плюс она не стыкуется, т.е. сделать тело прокручивающимся не выйдет.
А ещё каждый пиксель рамки увеличивает ширину тела форума  :whistle:  В общем и целом это не проблема, но если опираться на имперский дизайн, то там контентная область почти на 100 рх меньше фактической ширины форума.

0

50

А хотя... Не, с шапкой отбой, оставляем без растяжения) В целом... получается очень даже неплохо. Если не получится разобраться с тем пергаментным свитком - тогда оставим твой фон + приклеим металло-рамку, оке?

0


Вы здесь » Полигон » Дизайн » Дизайн для ТФР