PSPx форум

Имя: Пасс: Сохран:

Страница 2 из 3 1 2 3

ErikPshat (07.07.2012 23:13) Тема:

№ 21

Сообщение от KirJan-DeSign

а чёт не на одной высоте? и в чём прикол? =)
Потому что у PIC выставлен отступ со всех сторон на 8 пикселей уже в коде - margin: 8px;

Но это не единственное отличие.
Так найди 2 отличия!

Цитировать Top

KirJan-DeSign (07.07.2012 23:22) Тема:

№ 22

Сообщение от ErikPshat

Так найди 2 отличия!
сдаюсь)))

охтыж, блеать!!!!
теперь понял) а вертикальный hr можно сделать?
http://www.pspx.ru/forum/showpost.ph...3&postcount=49
это
вообще
прикольно
вот так вот
писать
столбцами!
вот только
теперь
сложнее будет
темы
писать)

Цитировать Top

ErikPshat (07.07.2012 23:46) Тема:

№ 23

Сообщение от KirJan-DeSign

сдаюсь)))
Ну тогда ищи ответ здесь: http://www.pspx.ru/forum/showthread....43#post1042543

  1. Попробуй сделать так же с [PIC]

  2. И попробуй в [PIC] воткнуть [ATTACH]

  3. Ну и попробуй ещё в [PIC] засунуть что-нибудь другое, кроме изображения, пусть даже раком

Цитировать Top

Yoti (08.07.2012 12:45) Тема:

№ 24
Что-то мне кажется, что вот эти вот украшали - огромная дыра в безопасности.

Цитировать Top

ErikPshat (08.07.2012 20:56) Тема:

№ 25
Yoti, это действует только на стили.
Вот допустим последний рассматриваемый HTML-код:

Код:
<span style="float:left; margin: 0 20px;">
это
<br/>
 вообще
<br/>
 прикольно
</span>
Как видишь, <span> - предназначен для определения строчных элементов документа. В отличие от блочных элементов, таких как <table>, <p> или <div>, с помощью тега <span> можно выделить часть информации внутри других тегов и установить для нее свой стиль. То есть, это действет только на текст и составляющие в части оформления внутри предложений, где перенос категорически не уместен. А если бы я вставил <div>, то это обязательно переносит заключённый в тег текст на новую строку, чего нам не требуется.

<span style="float: {option};"> - это как раз влияет только на стиль оформления. В bb-коде подставляется то, что мы вставляем вместо значения {option}, мы подставляем, куда отобразить текст или картинку или всё, что угодно.

Здесь да, я использую хитрость, что подставляя просто left в этот код, вместо {option}, можно добавлять ещё параметры, которые понимает функция float, она и отвечает за расположение в пространстве. То есть, я туда вставляю не просто left, а left; margin: 0 20px;
и получается уже не просто <span style="float: left;">, как задумывалось в BB-коде,
а вот такое <span style="float: left; margin: 0 20px;">. Туда можно через точку с запятой добавлять и ещё разные параметры, не только margin, но работать будут только те параметры, которые поддерживаются тегом float. А margin я вставил для того, чтобы сделать отстпуп на 20px по горизонтали справа и слева.

Поэтому сомневаюсь, что даже если туда вставить злостный скрипт, то это как-то сможет сработать.

Абсолютно то же самое происходит с другими тегами в шапке темы, как параметр:

<div style="background: {options};"> - тут свойство background может иметь большое количество опций и подопций, как вставка цвета, картинки(ок), расположения, наложения, прозрачности, и т.п. и т.д.. А в свою очередь эти подопции, каждая имеет ещё свои опции. Тут сам чёрт ногу сломает.

Но опять же, тут мы только действуем на свойство style background, а это действует только на стиль отображения. Если вставлять в параметр {options} какой-то левый вредоносный скрипт, то он в стиле просто не задействуется.
Хотя, возможно это и опасно, но я не предполагаю, как это можно замутить.

Цитировать Top

ErikPshat (22.07.2012 06:59) Тема:

№ 26



Ещё один прикольный декор, состоящий из одного маленького квадратика 52 x 52 пикселя 3.4 KБ.
Маленький очень хорошо имитирует шелкографию, по-моему красиво смотрится.






















Состоит из квадратика 104 x 104 пикселей 5.4 KБ.
Большой (увеличенный) уже не так эффектно выглядет, что-то слишком вроде как-то крупноватое зерно получилось.




















Цитировать Top

vash (02.08.2012 17:34) Тема:

№ 27
Оформление тем - это здорово, спасибо. Изучаю.
У меня вот такой вопрос: "А как переименовать уже созданную свою тему?"
Опять чего-то растерялся, кто знает? Нигде не смог найти

Цитировать Top

DIIGMO (02.08.2012 17:46) Тема:

№ 28
vash, опции темы -> редактирование темы. Естественно, это работает только в тех разделах, где ты модератор, не зависимо от того, являешься ты автором темы или нет.

Цитировать Top

COOLERbyPSP (02.08.2012 17:56) Тема:

№ 29
ErikPshat, чёто много они весят

Цитировать Top

KirJan-DeSign (02.08.2012 19:33) Тема:

№ 30

Сообщение от vash

как переименовать уже созданную свою тему?
на той странице, где список тем, кликаешь справа от надписи с названием темы (о_0) и название темы можно редактировать)
это, кстати, в глюках форума обсуждалось относительно недавно)))

Цитировать Top

ErikPshat (02.08.2012 20:01) Тема:

№ 31

Приветствую вас господа и кхм, кхм, товарищи!!!

Так как со временем мы внесли поправки к тегу ДЕКОРа, в частности...
были убраны строго закреплённые "Белый цвет шрифта" и "Тени шрифта" в декоре,
то ранее написанная инструкция в шапке, немного не соответствовала действительности.

На данный момент, я исправил все недочёты в описании и в том числе,
исправил готовые коды "Цветов по стилям для разделов".

Прошу любить и жаловать прочитать и зазубрить первый пост заново!



Сообщение от COOLERbyPSP

ErikPshat, чёто много они весят
Не, это у тебя много весят

Цитировать Top

ErikPshat (08.10.2012 21:33) Тема:

№ 32
Уж больно понравилась мне эта кнопочка:


Content Manager Assistant
for PlayStation® Vita


- - -
ну
и


- - -
Content Manager Assistant
for PlayStation® Vita



Цитировать Top

ErikPshat (23.10.2012 08:03) Тема:

№ 33
Прикольную рамочку замутил:

1 Пункт 1

2 Пункт 2


Осенний, ясный, немножко холодный, утром морозный день, когда береза, словно сказочное дерево, вся золотая, красиво рисуется на бледно-голубом небе, когда низкое солнце уже не греет, но блестит ярче летнего, небольшая осиновая роща насквозь вся сверкает, словно ей весело и легко стоять голой, изморозь еще белеет на дне долин, а свежий ветер тихонько шевелит и гонит упавшие покоробленные листья, — когда по реке радостно мчатся синие волны, тихо вздымая рассеянных гусей и уток; вдали мельница стучит, полузакрытая вербами, и, пестрея в светлом воздухе, голуби быстро кружатся над ней...


Код для Декора:
Код:
; border-bottom: 1px solid #FFFFFF; border-left: 1px solid #999999; border-right: 1px solid #FFFFFF; border-top: 1px solid #999999;
color: #555555; display: inline-block; font-size: 20px; margin: 0px 6px 0px 0px; padding: 0px; position: relative; text-align: center;
text-shadow: 1px 1px 0px #FFFFFF

Цитировать Top

ErikPshat (03.11.2012 06:42) Тема:

№ 34


Привет, градиент!




Цитировать Top

StepS (03.11.2012 13:04) Тема:

№ 35
Где? Фон под текстом пустой

хм, в опере работает
PS: щас заметил, что при клике в любое место страницы опера что-то грузит на мгновение. немного напрягает

Цитировать Top

KirJan-DeSign (03.11.2012 17:21) Тема:

№ 36

Сообщение от ErikPshat

/* FF3.6+ *//* Chrome10+,Safari5.1+ *//* IE10+ */ /* W3C */ /* IE6-9 *
а для мазилы где?

Цитировать Top

ErikPshat (03.11.2012 21:59) Тема:

№ 37

Сообщение от KirJan-DeSign

а для мазилы где?
Ну так -moz- и есть для мазилы.
Там не картинка, а прочто код, заставляющий растекаться градиенту от указанного значения цвета до указанного значения цвета.
  • background: -moz-linear-gradient(top, #4c4c4c,#131313); /* FF3.6+ */ это и есть FireFox (Mozilla)
-moz-linear-gradient - код стиля градиента.
top - направление градиента, здесь сверху, значит вниз. Существует left, right, top, bottom, либо их сочетания, например, "top left" это левый верхний угол.
#4c4c4c - начальный цвет градиента.
#131313 - конечный цвет градиента.

По умолчанию, если ничего не указывать, цвет идёт от 0 до 100%
Количество указанных цветов может быть даже 3 или 4 или 5 или вообще бесконечное ))) просто переход от одного к другому указывается через запятую и таких переходов может быть сколько угодно.



Привет, градиент!





Для ленивых: Ultimate CSS Gradient Generator

Цитировать Top

COOLERbyPSP (05.11.2012 23:09) Тема:

№ 38
В яндексе тоже не пашет, в опере полёт нормальный, но она у меня "не летает" =\

Цитировать Top

ErikPshat (08.11.2012 03:52) Тема:

№ 39




Хех, а вот в Мазиле градиентов почему-то не видно )))
И вот этой фичи не видно: http://www.pspx.ru/forum/showpost.ph...6&postcount=12
И этой: http://www.pspx.ru/forum/showpost.ph...5&postcount=19

Представляю, как они там сидят и смотрят чёрно-белое кино

И ещё прикол, что в шапке, под заголовком темы они видят пустой прямоугольник: http://www.pspx.ru/forum/showpost.ph...43&postcount=1



А это почему-то видно в Мазиле и в Опере.

Радуга, радуга, радуга дуга дуга





Цитировать Top

ErikPshat (08.12.2012 03:03) Тема:

№ 40
Ещё одна интересная возможность декора - это плавающая кнопка.

Код тут элементарен, просто выставлен код закрепления позиции картинки к прокрутке страницы.

[DECOR="; position:fixed; bottom:30px; right:24px; opacity:0.5;"]
[CENTER][ANCHOR="#poststop"]⇑[/ANCHOR]
[IMG]http://www.pspx.ru/forum/images/smilies/girl_crazy.gif[/IMG]
[ANCHOR="#QREPLY"]⇓[/ANCHOR][/CENTER]
[/DECOR]
Собсно разберём код Декора: ; position:fixed; bottom:30px; right:24px; opacity:0.5;
  • ; //В начале ставим точку c запятой, т.к. цвета Бэкграунда и ссылки на картинку нам не нужно.
  • position:fixed; //Это и есть фиксирование позиции того, что мы вставляем между тегами декора.
  • bottom:30px; //Отступ снизу.
  • right:24px; //Отступ справа.
  • opacity:0.5; //Прозрачность 50%

Как видно, всё элементарно просто )))
Ну и между тегами Декора я вставил стрелку вверх, картинку, стрелку вниз.
На стрелки просто повесил ссылки-якоря, а сами якоря расставил в нужных местах HTML-страницы:
  • Вверх - над первым постом (якорь #poststop)
  • Вниз - над формой быстрого ответа (якорь #QREPLY).

В результате имеем на странице такую летающую фигню, в нижнем правом углу страницы...


Цитировать Top
Страница 2 из 3 1 2 3

Текущее время: 01:02. Часовой пояс GMT +3.

PSPx Forum - Сообщество фанатов игровых консолей.
©Web Mastering By DevilArt.Net