Мануал по сайту Squiby

[Lissa_dArne]

27.01.2011 в 14:04

Пишет  Harleen Quinzel:

Мануал по сайту Squiby

Вы можете посмотреть почти все в действии Мои профиль на squiby либо, если совсем ничего не понятно, то пишите мне в личку я вам помогу.

I. Работа с профилем

I. Работа с профилем

User - preferences - profile

1. Местоположение и вид текста

текст по центру

<center>TextHere</center>

текст в другой строке. (работает как Enter т.е. переносит предложение (слово) в новую строку. На форумах используйте enter.)

<br />

два пробела. Чтобы опустить текст на нужное вам количество строк вставляете такое же количество br

<br /><br />

жирный текст

<b>Text Here</b>

курсив

<i>Text Here</i>

подчеркнутый текст

<u>Text Here</u>

зачеркнутый текст

<s>Text Here</s>

2. Размер текста.

<h1>text</h1>

<h2>text</h2>

<h3>text</h3> 

<h4>text</h4>

<h5>text</h5>

3. Цвет текста

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

3.1 Использование базовых цветов.

Итак, базовые цвета это.
желтый (yellow), сине-зеленый (teal), белый (white), серебряный (silver), красный (red), фиолетовый (purple), темно-бардовый (maroon), цвет лайма (lime), зеленый (green), оливковый (olive), иссине-черный (navy), серый (gray), фуксия (fuchsia), синий (blue), бирюзовый (aqua).

<span>Your Text</span>

Вместо слова color в кавычках пишите название цвета, какой хотите использовать. Например Navy или red. В данном коде могут быть использованы только цвета приведенные выше.

3.2 Использование любого цвета.

<span>Your Text</span> 

В данном случае вы можете использовать любой цвет. Для этого вместо слова hexadecimal code нужно вписать 6ти значный код. Его можно найти в графических программах. Например photoshop. На его примере я покажу где искать код цвета.

1. Нажимаете на окошечко, где показывается цвет. вам открывается окно побольше, где вы видите палитру цветов.

2. Выбираете нужный вам цвет. Теперь ищите внизу этого окна код цвета. Например код желтого цвета такой FFFF00
Наглядно где его искать

4. Как вставить изображение.

Если вы хотите вставить изображение, то вам нужно использовать эти сайты. Иначе ваше изображение не будет видно. tinypic.com/ или photobucket.com/ или imageshack.us/ Лучше всего использовать эти сайты так как они не тормозят работу скибей.
Что бы вставить картинку нужно взять ее код. Ищите код около надписи "Direct Link" или"Direct Link for Profiles" копируете код и вставляете его между кавычек вместо слова YoursURL

<img src="YoursURL" />

5. Как вставить spoler (так же как здесь url).

<a href="URL"> Spoiler </a>

URL - ваша ссылка
Spoiler - ваш текст
Пример

<a href="http://magistream.com/user/Echidna"> ~My Magistream scroll  </a>

Для вставки превью картинки при создании животного лучше использовать сайт загрузки картинок www.omgimages.net там картинка показывается без всякой рекламы и прочего спама.

5.1. Вставить тот же URL только вместо текста картинка

<a href="URL" target="_blank"><img src="http://www.diary.ru/~Lissa-dArne/URL%20%D0%BA%D0%B0%D1%80%D1%82%D0%B8%D0%BD%D0%BA%D0%B8" border="0" /></a>

URL - ваша ссылка
URL картинки - ссылка на вашу картинку

6. Ссылка на профаил другого пользователя

<a href="http://www.squiby.net/user/Name">Name</a>

Name - имя пользователя

7. Вставить scrollbalk в профиль

<br /><style><br />#scroll {<br />height: 200px;<br />width: 500px;<br />border: solid;<br />background:none;<br />color:none;<br />overflow: auto;<br /></style><br /><div id="scroll"> Text HERE<br /></div><br />

Text HERE - ваш текст, картинки и пр.
Если вы хотите, что бы scrollbalk был других размеров, то меняете значения height: 200px; и width: 500px; на нужные вам.

8. Довольно простой генератор CSS кодов
www.drawgon.com/stuff/SquibyProfileGenerator/

Это CSS код для моей странички squiby

<br /><b><i>Hi^^ My name is Maria. Welcome to my profile. Hope u like my creations^^ <br /><br />A bit about me:</i></b><br /><br />~Im 22 years old<br /><br />~ English not my native language so I can make mistakes '-__-<br /><br />~ I havnt got favorite number or color<br /><br />~ My dream is to learn the Japanese language perfectly<br /><br />~Things that I LOVE: cats, dragons, owls, spiders, DC, Magistream, Squiby, Strawberry Cheesecake and Chocolate Cake, wach anime, yaoi, Kuroshitsuji (Sebastian and Ciel), Loveless, Junjou romantica, Kamen no maid guy, Queen's blade, Gears of War (Marcus Fenix), RE5... Im very like Christmas and all things linked to this amazing holiday!<br /><br />P.S. If u know good yaoi please PM me^^<br /><br /><a href="http://magistream.com/user/Echidna"> ~My Magistream scroll </a><br /><br /><a href="http://dragcave.net/user/Marcus%20Fenix"> ~My DragCave scroll </a> <br /><br />Thanks for coming^^ Hope to see u again <img src="http://i660.photobucket.com/albums/uu322/stupedfinn/love.png" /><br /><br /><br /><center> <b><i>Please click Alta, she need a lot of clicks to grow(:</i></b> <br /><br /><a href="http://www.squiby.net/level/5783491"><img src="http://squiby.net/view/5783491.png" border="0" /></a></center><br /><style><br />/* Generated using the Squiby Profile Generator.<br />http://www.drawgon.com/stuff/SquibyProfileGenerator/index.php */<br /><br />/* Controls the overall background color of the page. */<br />body { background: url("http://i660.photobucket.com/albums/uu322/stupedfinn/64387800_fNssTZSvb9.png")   ; }<br /><br />/* The main area between the shadows listed above. */<br />/* You can add a header background here. */<br />.container_text {<br />width: 900px;<br />padding: 0 20px;<br />background: url("http://i660.photobucket.com/albums/uu322/stupedfinn/jhi7kjve-2.jpg") ; repeat }<br /><br />/* The news ticker.<br />Replace "background-image" url to customize or set to "none" to remove. */<br />.news { background: none ; }<br /><br />/* Comments */<br />/* Cannot change the drop shadows. They're ugly, I know... */<br />.comment_box {<br />background-color: #F0F0F0;<br />border-color: #CC6699;<br />}<br /><br />/* The form where you type a comment. *//<br />textarea {<br />background-color: #E3DDDD;<br />border-color: #636D78;<br />}<br /><br />/* The button you press to send a comment.<br />Also controls the bit under "Give out URL" */<br />input {<br />background-color: #D8CAC7;<br />border-color: #CC6699;<br />}<br /><br />/* The event box (when you receive a message or comment). */<br />.event {<br />background: #EDDDCF;<br />border-color: #CC6699;<br />}<br />.event_header {<br />background: #CC6699;<br />border-color: #CC6699;<br />}<br /><br />/* Fonts */<br />.container_text { color: #A7167C; } /* Main Content */<br />.news { color: #A7167C; } /* Ticker */<br />#user_information { color: #A7167C; } /* User Info */<br />.comment_box { color: #A7167C; } /* Comments */<br />textarea { color: #A7167C; } /* Comment Form */<br />input { color: #A7167C; } /* Comment Form Button */<br />.event_header { color: #A7167C; } /* Event Header */<br />.footer_right_shadow .container_text { color: #A7167C; } /* Footer */<br /><br />/* Miscellaneous things... */<br /><br />/* This is just a fix to correct the faulty look<br />of the search bar. You don't need to do anything here. */<br />.page_search { background-position: 2px 2px; }<br /><br /></style><br />

II. Аватары.

II. Аватары.

Как я поняла, в качестве аватара вы можете выбрать любого из заведенных вами пэтов.
User - preferences - Avatar

III. Сигнатуре

III. Сигнатуре

User - preferences - signature

IV. Ваши питомцы.

IV. Ваши питомцы.

1. Что бы взять себе питомца:
Adoptables - Adopt
либо
Adoptables - All тут собраны все создания
Либо вы можете искать животных по тэгам. В верхнем правом углу ищите окошечко под которым написано Keyword Search. вводите туда тэг и нажимаете на лупу. Например я хочу, найти кошек. ввожу туда Cat либо Kitten и начинаю поиск.

2. Что бы зайти на страничку со своими животными Adoptables - Your Adoptions

3. Вы можете заморозить и "отморозить" животное. (при этом тратятся ваши очки, которые вы получаете при кормлении)

4. Вы можете создать категории.
Например у меня такие. Categories: Default | Favorites | Kitties | Dragons | Kuroshitsuji | Yaoi
Т.е. вы распихиваете пэтов по папочкам. НО вы будете видеть их в разных папках ТОЛЬКО если просматривать эти папки со страницы вашего профиля.

Что бы создать Категорию (папку) Adoptables - Your Adoptions над всеми пэтами большими буквами написано Edit Categories. Там вы можете создавать и удалять категории. Вы не можете удалить 2 категории это Default и Favorites.

Категория Favorites позволяет вам выбрать своих любимых пэтов, которые при попадании в эту категорию автоматически переносятся на страницу вашего профиля. Т.е. вы будете видеть своих пэтов как они есть, т.е. без надписей. (Level, Tweet about it, Freeze at this stage и пр.)

Что бы засунуть пэта в определенную папку Adoptables - Your Adoptions, выбираете пэта и ищите выпадающее окно Category. Выбираете категорию и жмете change category.

V. Создание пэтов.

V. Создание пэтов.

Тут я не буду особо расписывать.
Ваше "создание" должно быть в формате png и размером 85x110 px.
Не допускается создавать питомцев с изображением порно, расчлененки и прочей непотребщины. Не забывайте на сайте сидят дети!
Так же загружаемое изображение должно быть нарисовано (создано) вами.
Если ваш питомец после создания был удален, вы залили его еще раз и он опять был удален, значит что то не так. Вы не должны заливать его снова, если не хотите иметь проблем с модерацией сайта.
Думаю остальное в создании питомца достаточно просто понять. Но если у вас что то не получается пишите мне. Я постараюсь помочь.

VI. Добавление друзей.

VI. Добавление друзей.
Что бы добавить друга вам нужно отправит дружеский запрос.
Social - Friends
Достаточно ввести ник "друга" и ждать пока он подтвердит запрос.

Вот собственно и все^^ Если у вас есть предложения и замечания относительно мануала, пожалуйста оставляйте комментарии.
Удачи!