Тестовый

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

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


Вы здесь » Тестовый » регистрация » простая тема с длинным названием... омг


простая тема с длинным названием... омг

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

1

ололололоев с8

0

2

пост Лаэрту

не закончен, поэтому сюда

Отредактировано ДИЗАЙН ОТ ДАВ (2013-05-24 18:16:23)

0

3

[AVA]http://avatars.kards.qip.ru/images/avatar/e4/e4/58596.gif[/AVA]
[NIC]TROLL;  [/NIC]
[STA] (TROLL);[/STA]
[SGN] TROLL[/SGN]

0

4

цитата

цитата1

в которой цитата 2

1

2

3

Код:
код

0

5

исходники. надеюсь, что все открываются...

волки

http://i.artfile.ru/1024x768_713029_[www.ArtFile.ru].jpg
http://i.artfile.ru/1024x768_708886_[www.ArtFile.ru].jpg
http://i.artfile.ru/1024x768_382354_[www.ArtFile.ru].jpg
http://i.artfile.ru/1024x768_702855_[www.ArtFile.ru].jpg
http://i.artfile.ru/1024x768_381367_[www.ArtFile.ru].jpg
http://i.artfile.ru/1024x768_687498_[www.ArtFile.ru].jpg
http://i.artfile.ru/1024x768_664228_[www.ArtFile.ru].jpg
http://i.artfile.ru/1024x768_540376_[www.ArtFile.ru].jpg
http://i.artfile.ru/1024x768_537713_[www.ArtFile.ru].jpg

медведи

http://i.artfile.ru/1024x768_381328_[www.ArtFile.ru].jpg
http://i.artfile.ru/1024x768_724413_[www.ArtFile.ru].jpg
http://i.artfile.ru/1024x768_701665_[www.ArtFile.ru].jpg

птички

http://i.artfile.ru/1024x768_678984_[www.ArtFile.ru].jpg

эту можно на аватар

http://i.artfile.ru/1024x768_540376_[www.ArtFile.ru].jpg

0

6

0

7

0

8

баннеры

0

9

Код:
<!-- Двойной спойлер Инфы в Профиле, в Топике -->
<script>
LIArray=new Array(
//это не скрывается
//"pa-author",     //Ник-Нейм
//"pa-avatar",     //Аватар
//"pa-title",      //статус
// 1 кнопка - ссылка на Картинку
"http://s4.uploads.ru/SziMJ.png",
"pa-reg",        //Зарегистрирован
"pa-invites", //Приглашений
"pa-posts",      //Кол-во сообщений:
"pa-respect",    //Уважение:
"pa-positive",   //Позитив
"pa-sex",        //Пол
"pa-age",        //Возраст
"pa-icq",        //Аська
"pa-ip",         //IP Юзера
"pa-time-visit", //Провел на форуме:
"pa-last-visit", //Последний визит:
//"pa-online",     //Пользователь online - Не засовываем в спойлеры
// 2 кнопка- ссылка на Картинку
"http://s4.uploads.ru/YUqJg.png",
"pa-from",       //Откуда
"pa-fld1",       //Доп.Поле.1
"pa-fld2",       //Доп.Поле.2
"pa-fld3",       //Доп.Поле.3 
"pa-fld4",       //Доп.Поле.4
"pa-fld5",       //Доп.Поле.5
//Конец Списка,
"_End"
)
wrapp1="<li class='post-author-Sp'><img style='cursor:pointer' src='";
wrappEnd="'><ul  style='display:none'></ul></li>";
wrapp2="<li class='post-author-Sp Sp2'><img style='cursor:pointer' src='";
var L='',TsK1='',TsK2='';b=LIArray.length-1;
for(i=0; i<b; i++){a=LIArray[i];if(a.indexOf('http://')==0){TsK1=i;break;}}
for(j=i+1; j<b; j++){a=LIArray[j];if(a.indexOf('http://')==0){TsK2=j;break;}}
wrapp1=wrapp1+LIArray[TsK1]+wrappEnd;wrapp2=wrapp2+LIArray[TsK2]+wrappEnd;;
$(".post .post-author").each(function() {
Noset=true;
for(i=TsK1+1; i<TsK2; i++){a=LIArray[i];
  var C=$(this).find('.'+LIArray[i])
  if(C.length&&Noset){Noset=false;C.before(wrapp1);D=$(this).find('li.post-author-Sp ul')}
  if(C.html()!=null){C.appendTo(D)}
}
Noset=true;
for(i=TsK2+1; i<LIArray.length-1; i++){var C=$(this).find('.'+LIArray[i])
  if(C.length&&Noset){Noset=false;$(this).find('li.post-author-Sp').after(wrapp2);D=$(this).find('li.post-author-Sp.Sp2 ul:last')}
  if(C.html()!=null){C.appendTo(D)}
}
});
$(".post .post-author-Sp ").click(function() {
$(this).find('ul:first').toggle('slow')
});</script>
<!--Конец//=Двойной спойлер Инфы в Профиле, в Топике-->

0

10

http://s5.uploads.ru/IaZLA.png
http://s5.uploads.ru/yqrVv.png

Код:
<!-- cтрелочки -вверх вниз страницы -->
<div style="position:fixed; right
:1%; bottom: 45%;;">
<a href=#top onClick="scrollTo(0,0); return false;" title="Вверх страницы">
<img src="http://s5.uploads.ru/IaZLA.png" height="50px" width="50" alt="Вверх страницы" ></a><br/>
<a href=#top onClick="scrollTo(0, document.body.scrollHeight); return false;" title="Вниз страницы">
<img src="http://s5.uploads.ru/yqrVv.png" height="50px" width="50" alt="Вниз страницы" ></a>
</div><!--конец cтрелочки -->

0

11

0

12

0

13

Демо
Код:
<!-- DEMO -->
<div style="background-image:url(http://s4.uploads.ru/HlZvr.jpg);
	background-repeat:repeat;
	width:800px;
	height:262px;">
    	<table border="0" cellpadding="1" cellspacing="1" style="width: 600px; height: 220px; padding-top: 80px; margin-left: 160px;">
        <tbody>
        	<tr>
            <td>
            	<div style="width: 300px; height: 220px; text-align: center; color: rgb(198, 245, 239);">
                Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст</div>
            </td>
            <td>
            	<div style="width: 140px; height: 150px; text-align: center; color: rgb(198, 245, 239); overflow: scroll; overflow-x: hidden; margin-top: -110px; margin-left: 120px;">
                Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст</div>
            </td>
        	</tr>
        </tbody>
    	</table>
    </div>
Код:
    <div style="background-image:url(http://s4.uploads.ru/HlZvr.jpg);
	background-repeat:repeat;
	width:800px;
	height:262px;">
    	<table border="0" cellpadding="1" cellspacing="1" style="width: 600px; height: 220px; padding-top: 80px; margin-left: 160px;">
        <tbody>
        	<tr>
            <td>
            	<div style="width: 300px; height: 220px; text-align: center; color: rgb(198, 245, 239);">
                Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст</div>
            </td>
            <td>
            	<div style="width: 140px; height: 150px; text-align: center; color: rgb(198, 245, 239); overflow: scroll; overflow-x: hidden; margin-top: -110px; margin-left: 120px;">
                Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст</div>
            </td>
        	</tr>
        </tbody>
    	</table>
    </div>

0

14

--

0

15

Код:
<div style="background-image:url(http://s4.uploads.ru/HlZvr.jpg);
	background-repeat:repeat;
	width:800px;
	height:262px;">
    	<table border="0" cellpadding="1" cellspacing="1" style="width: 600px; height: 220px; padding-top: 80px; margin-left: 160px;">
        <tbody>
        	<tr>
            <td>
            	<div style="width: 300px; height: 130px; overflow: scroll; overflow-x: hidden; text-align: center; color: rgb(198, 245, 239);">
                Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст </div>
            </td>
            <td>
            	<div style="width: 140px; height: 160px; text-align: center; color: rgb(198, 245, 239); overflow: scroll; overflow-x: hidden; margin-top: -30px; margin-left: 112px;">
                Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст</div>
            </td>
        	</tr>
        </tbody>
    	</table>
    </div>

0

16

1

0

17

<link href='http://fonts.googleapis.com/css?family=Didact+Gothic&subset=latin,cyrillic-ext,cyrillic' rel='stylesheet' type='text/css'>
<div class="bg"></div>
<div class="bg2"></div>
  <div class="profile">
    <div class="effect"></div>
    <div class="prof_pic"><img src="http://maxme-life.ru/tests/maxmr.png" /></div>
    <div class="social">
      <a href="" class="twitter"></a>
      <a href="" class="in"></a>
      <a href="" class="dr"></a>
    </div>
    <div class="name">
      <p class="person">Максим Зайцев</p>
      <p class="vs">Explorer of the worlds</p>
      <a href="#">Get in touch</a>
    </div>
  </div>

0

18


fdf

0

19

0

20

0

21

0

22

НАЧИНАЕМ :З

1. Категории.

Меня просто напряг этот момент просто.

Скрин

http://s4.uploads.ru/QH3yP.jpg

И дело тут совсем не в картинке категории. Итак, наш исходный код.

Открыть

height: 120px;
width: 872px;
margin-left: -24px;
background-color: transparent;
background-image: url(http://savepic.net/3821598.png);
background-position: 50% 50%;
background-repeat: no-repeat no-repeat;

Во-первых, согласись, что последние 4 пункта можно объединить и это будет проще:

Открыть

height: 120px;
width: 872px;
margin-left: -24px;
background: transparent url(http://savepic.net/3821598.png) 50% 50% no-repeat no-repeat;

Согласись, так ведь легче :З И переходим к самой ошибке. поковырявшись с кодами и просмотрев все верианты в фотошопе я пришла к выводу, что оптимальная ширина css-кода равна 869px.

Скрин
ДО

http://s5.uploads.ru/17igK.jpg

после

http://s4.uploads.ru/XEsml.jpg

Получившийся код:

Код:
 height: 120px;
 width: 869px;
 margin-left: -24px;
 background-color: transparent;
 background-image: url(http://savepic.net/3821598.png);
 background-position: 50% 50%;
 background-repeat: no-repeat no-repeat;
Код:
 height: 120px;
 width: 869px;
 margin-left: -24px;
 background: transparent url(http://savepic.net/3821598.png) 50% 50% no-repeat no-repeat;
2. LLC.

Я вчера про нее говорила.

скрин

http://s4.uploads.ru/Z93To.jpg

Наш код:

конец 2 окна

#pun-about p.container {
background-image: url("http://savepic.net/3814427.png");
background-repeat: no-repeat;
width: 900px;
height: 200px;
}

Во-первых, здесь также можно сократить запись:

открыть

background: transparent url("http://savepic.net/3814427.png") no-repeat;
width: 900px;
height: 204px;

Во-вторых, в коде есть 20px, которыми можно поставить эту надпись туда, куда нужно. Получается код:

Код:
#pun-about p.container {
background-image: url("http://savepic.net/3814427.png");
background-repeat: no-repeat;
width: 880px;
height: 200px;
}
Код:
background: transparent url("http://savepic.net/3814427.png") no-repeat;
width: 820px;
height: 204px;
3.  Категории.

Нет, тут речь уже не про картинки.

скрин

http://s5.uploads.ru/3ntQz.jpg

Меня здесь напрягла безвкусица. Тут есть два варианта: либо убрать эти надписи, либо дать им оформление. Я прибегну к первому.
Берем код из первого окна:

Открыть
Код:
/* A3.5 */
.punbb h1 span, .punbb h2 span, .punbb legend span {
  font-size: 1.1em;
  }

За эту надпись отвечает часть .punbb h1 span, поэтому если дать ей значение dysplay: none, то она исчезнет. получившийся код:

Код:
/* A3.5 */
.punbb h1 span, .punbb h2 span, .punbb legend span {
  font-size: 1.1em;
  }
.punbb h1 span{
 dysplay: none;
}
4. Кодировка.

Думаю, что будет легче, если все коды из ХТМЛ-верха поставить в первое окно стиля. хотя бы чтобы не загромождать и не потеряться в других кодах с:

5. transition.

Честно сказать, я не въехала, почему он не работает. Но потом до моего мозга дошло:

.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited

Во-первых, блок CS3.1 отвечает за ту же функцию. во-вторых,

0

23

тест

0

24

Код:
<div id="box">
<center>
<table>
<tr>
    <td><center>
<a href="http://demaks.rusff.ru/profile.php?id=2"><img src='КАРТИНКА' border=0  width="40" height="40"></a>
<a href="http://demaks.rusff.ru/profile.php?id=8"><img src='КАРТИНКА' border=0 width="40" height="40"></a>
<a href="http://hunters.rolbb.ru/profile.php?id=12"><img src='КАРТИНКА' border=0 width="40" height="40"></a>
<br><br>
<br><b>КЛИКАЕМ КАЖДЫЙ ДЕНЬ:</b><br>
<a href="http://top.roleplay.ru/21028" title="Рейтинг Ролевых Ресурсов - RPG TOP" target="top_">
<img src="http://img.rpgtop.su/88x31x11x5.gif" alt="Рейтинг Ролевых Ресурсов - RPG TOP" border="0" width="88" height="31"></a>
<a href="http://forum-top.ru/vote/2695" title="Рейтинг форумов Forum-top.ru" target="blank"><img src="http://forum-top.ru/uploads/buttons/forum-top_88x31_2.gif" alt="Рейтинг форумов Forum-top.ru" /></a>

</td><td width="340px"><center><b><i>ДОБРО ПОЖАЛОВАТЬ В ВОЕННУЮ АКАДЕМИЮ!</i></b><br><br>
    Дорогие гости! Форум "Mimenko Demaks" только начинает свое существование, и, конечно же, у нас есть небольшие недочеты, проблемы, задержки, но мы их стараемся побыстрее убрать или решить. Но Вы всегда можете помочь нам, написав сообщение в <a href=http://demaks.rusff.ru/viewtopic.php?id=7>Гостевую.</a>
<hr style="margin: 4px;">
<b>▬ дата:</b> 05.07.6045;<br>
<b>▬ погода:</b> кое-где льет дождь, кое-где жуткие, холодные ветра, которые попутно наполняют воздух свежестью, а кое-где жара и солнце, день ужасный. На всей территории города и военной академии, царит жара, солнечные лучи яростно греют землю, асфальт до таких температур, что больно ходить. Деревья берегут влагу, листочки сжались, некоторые уже высохли. В общем все напоминает о чудесном времени года, о лете. <br>
</td> 

<td>
<center><b>НАВИГАЦИЯ</b><br>
<a href=http://demaks.rusff.ru/viewtopic.php?id=36#p49>F.A.Q.</a>
  <br>
 <a href=http://demaks.rusff.ru/viewtopic.php?id=17>Академия.</a>
    <br> <a href=http://demaks.rusff.ru/viewtopic.php?id=15#p20>Анкета.</a>
    <br> <a href=http://demaks.rusff.ru/viewtopic.php?id=37#p50>Заполнение профиля.</a>
<br>
<a href=http://demaks.rusff.ru/viewtopic.php?id=38#p51>График Дежурств.</a>
    <br> <a href=http://demaks.rusff.ru/viewtopic.php?id=33#p41>Расписание.</a>
    <br> <a href=http://demaks.rusff.ru/viewtopic.php?id=9>Прогул.</a>
</cetner>
    <br> <a href=http://demaks.rusff.ru/viewtopic.php?id=8>Новости.</a>
</td></tr></table>
</center> </div>

0

25

0


Вы здесь » Тестовый » регистрация » простая тема с длинным названием... омг