Всё,что я умею)
☻-_-_-_-_-_-_-_-_-_-_☻
Урок по созданию кода к презе(ХТМЛ кода)
1. Пишем в нашем ХТМЛ редакторе следующее:
_
<TABLE style="BACKGROUND: url(здесь вставляем ссылку на презентацию) no-repeat" border=0 width=здесь ширина презентации height=здесь высота презентации>
_
*Вместо "здесь вставляем ссылку на презентацию" вы пишете ссылку на презентацию. Для этого нужно загрузить вашу презентацию на один из хостингов: http://www.radikal.ru/, http://ipicture.ru/, http://www.imagepost.ru/, http://www.image123.net/ и другие. Но лично я советую вам загружать свою презентацию на радикал.ру. (точная ссылка дана выше)
*Вместо "здесь ширина презентации" и "здесь высота презентации" вставляете размеры своей презентации. В радикал.ру они пишутся здесь:
Название: ******
Оригинал: 402 x 373 пик., 26 Кб
Результат: 402 x 373 пик., 26 Кб
, где 402 - ширина, 373 - высота. Также размеры своей презентации можно узнать в той программе, в которой вы её делали. Откройте вашу презентацию в программе и нажмите на "изображение" - "размер изображения". И выписываете оттуда данные вашей презентации, её высоту и ширину, и вписываете в хтмл код.
2. В ХТМЛ-редакторе, ниже первого кода пишем такой код:
_
<TBODY>
<TR>
<TD vAlign=top width=здесь пишем ширину презентации, такую же, что и в первом коде>
<DIV style="MARGIN-TOP: 20px; WIDTH: 309px; FLOAT: left; HEIGHT: 450px; MARGIN-LEFT: 460px; OVERFLOW: auto">
<P><STRONG><FONT color=#000000>TITLE Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text </FONT></STRONG></P></DIV></TD></TR></TBODY></TABLE>
_
Где обозначают:
*MARGIN-TOP: 20px; - вместо "20px" пишем количество пикселей, на которое надо отступить от верхнего края.
*WIDTH: 309px; - вместо "309px" пишем ширину окна вашей презентации
*HEIGHT: 450px; - вместо "450px" пишем высоту окна вашей презентации
*MARGIN-LEFT: 460px; - вместо "460px" пишем количество пикселей, на которое надо отступить от левого края.
*FONT color=#000000 - вместо #000000 пишем код цвета шрифта, которым будете писать в окне. Его можно взять тут: http://35rus.ru/htmlcolor.php (код цвета написан справа, после знака #) или же оставить так, как есть, #000000 - чёрный цвет.
*TITLE Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text - вместо "TITLE Text text...." пишем любой текст, который будет показан в окне, или же оставляем так, как есть.
3. В итоге у нас получился такой код:
_
<TABLE style="BACKGROUND: url(здесь вставляем ссылку на презентацию) no-repeat" border=0 width=здесь ширина презентации height=здесь высота презентации>
<TBODY>
<TR>
<TD vAlign=top width=здесь пишем ширину презентации, такую же, что и в первом коде>
<DIV style="MARGIN-TOP: 20px; WIDTH: 309px; FLOAT: left; HEIGHT: 450px; MARGIN-LEFT: 460px; OVERFLOW: auto">
<P><STRONG><FONT color=#000000>TITLE Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text </FONT></STRONG></P></DIV></TD></TR></TBODY></TABLE>
Этот код рассчитан на презентацию с одним окном. Если вы хотите сделать код к презентации с большим количеством окон, то:
- Если вы хотите добавить ещё одно окно внизу, то пишем вначале такой код:
<TABLE style="BACKGROUND: url(здесь вставляем ссылку на презентацию) no-repeat" border=0 width=здесь ширина презентации height=здесь высота презентации>
<TBODY>
<TR>
<TD vAlign=top width=здесь пишем ширину презентации, такую же, что и в первом коде>
<DIV style="MARGIN-TOP: 20px; WIDTH: 309px; FLOAT: left; HEIGHT: 450px; MARGIN-LEFT: 460px; OVERFLOW: auto">
<P><STRONG><FONT color=#000000>TITLE Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text TITLE Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text </FONT></STRONG></P></DIV>
А ниже него пишем это:
<DIV style="CLEAR: both"></DIV>
Ещё ниже:
<DIV style="MARGIN-TOP: 20px; WIDTH: 309px; FLOAT: left; HEIGHT: 450px; MARGIN-LEFT: 460px; OVERFLOW: auto">
<P><STRONG><FONT color=#000000>TITLE Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text </FONT></STRONG></P></DIV>
И у нас получилось:
<TABLE style="BACKGROUND: url(здесь вставляем ссылку на презентацию) no-repeat" border=0 width=здесь ширина презентации height=здесь высота презентации>
<TBODY>
<TR>
<TD vAlign=top width=здесь пишем ширину презентации, такую же, что и в первом коде>
<DIV style="MARGIN-TOP: 20px; WIDTH: 309px; FLOAT: left; HEIGHT: 450px; MARGIN-LEFT: 460px; OVERFLOW: auto">
<P><STRONG><FONT color=#000000>TITLE Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text </FONT></STRONG></P></DIV>
<DIV style="CLEAR: both"></DIV>
<DIV style="MARGIN-TOP: 20px; WIDTH: 309px; FLOAT: left; HEIGHT: 450px; MARGIN-LEFT: 460px; OVERFLOW: auto">
<P><STRONG><FONT color=#000000>TITLE Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text </FONT></STRONG></P></DIV></TD></TR></TBODY></TABLE>
Если вы хотите разместить 2 окна рядом, то пишем:
<TABLE style="BACKGROUND: url(здесь вставляем ссылку на презентацию) no-repeat" border=0 width=здесь ширина презентации height=здесь высота презентации>
<TBODY>
<TR>
<TD vAlign=top width=здесь пишем ширину презентации, такую же, что и в первом коде>
<DIV style="MARGIN-TOP: 20px; WIDTH: 309px; FLOAT: left; HEIGHT: 450px; MARGIN-LEFT: 460px; OVERFLOW: auto">
<P><STRONG><FONT color=#000000>TITLE Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text </FONT></STRONG></P></DIV>
<DIV style="MARGIN-TOP: 20px; WIDTH: 309px; FLOAT: left; HEIGHT: 450px; MARGIN-LEFT: 460px; OVERFLOW: auto">
<P><STRONG><FONT color=#000000>TITLE Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text </FONT></STRONG></P></DIV></TD></TR></TBODY></TABLE>
*Тоесть мы 2 раза копируем это:
<DIV style="MARGIN-TOP: 20px; WIDTH: 309px; FLOAT: left; HEIGHT: 450px; MARGIN-LEFT: 460px; OVERFLOW: auto">
<P><STRONG><FONT color=#000000>TITLE Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text </FONT></STRONG></P></DIV>
Если вы хотите сделать 2 окна рядом и одно внизу, то пишем такой код:
<TABLE style="BACKGROUND: url(здесь вставляем ссылку на презентацию) no-repeat" border=0 width=здесь ширина презентации height=здесь высота презентации>
<TBODY>
<TR>
<TD vAlign=top width=здесь пишем ширину презентации, такую же, что и в первом коде>
<DIV style="MARGIN-TOP: 20px; WIDTH: 309px; FLOAT: left; HEIGHT: 450px; MARGIN-LEFT: 460px; OVERFLOW: auto">
<P><STRONG><FONT color=#000000>TITLE Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text </FONT></STRONG></P></DIV>
<DIV style="MARGIN-TOP: 20px; WIDTH: 309px; FLOAT: left; HEIGHT: 450px; MARGIN-LEFT: 460px; OVERFLOW: auto">
<P><STRONG><FONT color=#000000>TITLE Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text </FONT></STRONG></P></DIV>
<DIV style="CLEAR: both"></DIV>
<DIV style="MARGIN-TOP: 20px; WIDTH: 309px; FLOAT: left; HEIGHT: 450px; MARGIN-LEFT: 460px; OVERFLOW: auto">
<P><STRONG><FONT color=#000000>TITLE Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text </FONT></STRONG></P></DIV></TD></TR></TBODY></TABLE>
Нагло украдено с форума игрока Флаура.
☻-_-_-_-_-_-_-_-_-_-_☻
Вот адрес сайта:http://www.picnik.com/home?locale=ru_RU
Регаться на сайте необезательно!
Ты заходишь,там будет кнопка "Приступить сейчас!".Ты нажимаешь на неё и переходишь на другую страницу.Будет кнопка отправить фотографию.Нажимаешь ,выбираешь фотку и переходишь на редоктирование картинки.Если ты хочешь обрезать фотку то там будет кнопка "обрезать".Если нажмёшь кнопку "экспозиция" то картинка будет изменять свою видимость.Если нажмёшь кнопку "цвета"то цвет фона картинки будет изменятся.Если у тебя фотка и на ней красные глаза,для их устранения есть кнопка "красные глаза".Когда закончишь,нажимай "Сохранить".Но если ты хочешь добавить к картинке надпись или наклейку то нажми кнопку "создать".Там твоему вниманию предлогаются рамки,эфекты,наклейки.Некоторые из них платные.Платные отмечены надписью premium.Когда закончишь нажми кнопку "сохранить".Для коллажа нужно минимум 2 картинки.Также делаешь ещё 2 или 1 картинку.Потом идёшь в библиотеку и нажимаешь кнопку создать коллаж.Там будет инструкция.Если ты хочешь сделать необычный колаж из 1 картинки то рядом с кнопкой "создать коллаж будет кнопка"создать необычный коллаж".Там тоже есть инструкция.После окончания работы нажимаешь кнопку"сохранит" и готово.Если будут вопросы обращатся к АСЯ2000.Чтобы вставить в форум используй радикал!
_____________________________________________________________________________________________________
Наверно, у многих есть сайты. Какой же сайт без рекламы и банера? Ну, с рекламой, думаю, все разберутся. А вот как сделать банер? Понятно, что картинку можно найти в интернете. Но многим хочется движущиеся банеры, подходящие по размерам! Вот что надо делать, или как делаю я:
1. Идем на gifr.ru и загружаем нужное(ые) изображение(я).
2. Добавляем эффекты по желанию. Это вторая кнопочка на "кадре"
3. В эффектах лучше добавить КРУПНЫЙ (самый большой, какой влезет) текст в виде названия сайта. Можно написать часть названия, а на следующих кадрах (бесплатно их 3) дописать остаток.
4. Размеры выбираем 100 пикселей, а скорость смены картинок по желанию, как вам больше подходит.
5. Смотрим получившееся. Если не устраивает, то нажимает "Редактировать". Если все хорошо, то кликаем "Сохранить". Дальше выбираем "Сохранить на компьютере" и сохраняем.
6. Идем на radikal.ru или любой другой хостинг для изображений. Я знаю, что на gifr есть ссыль на картинку, но на многих сайтах она не работает.
7. Загружаем нужное изображение и копируем ПЕРВЫЙ код (Ссылка).
8. Заходим туда, где можно писать: Word, Блокнот, какой-нибудь сайт, на крайний случай Paint (да, там тоже можно писать, но вас примут за психа)
9. Зачем нам нужно что-либо писать? Так картинка слишком большая. Если вам нужен банер, то стандарты - 88х31 px. А если нет, то зачем вы сюда вообще пришли?
10. Начинаем HTML (от него не спрятаться) так:
<a href="http://сайт" target="_blank">
Этот код для того, что бы картинка была кликабельной. Потом его надо будет закрыть, но это потом
11. Продолжаем строчить. Пишем это сразу после предыдущего. Никаких пробелов!
<img src="ссылка на картинку" alt="текст при наведении на картинку" border="граница в px (по желанию)" width="ширина в px (88)" height="высота в px (31)">
В скобках величины для стандартного банера
12. Последний рывок и последние 4 символа. Как я и говорила, код кликабельной ссылки надо закрыть. Поэтому после всего выше сказанного (БЕЗ пробелов!!) пишем:
</a>
13. Вот, что получается (где пробелы нужны, там я их поставила):
<a href="http://сайт" target="_blank"><img src="ссылка на картинку" alt="текст при наведении на картинку" border="граница в px (по желанию)" width="ширина в px (88)" height="высота в px (31)"></a>
P.S. Будет лучше, если вы будете сами писать этот код, а не копировать уже готовый. Так вы быстрее его запомните и сможете написать без подсказки Убедительная просьба, если берете себе, то не забудьте поставить ник автора
Автор крутик009
______________
Сразу скажу - они доступны только в КСК презентациях.
Вводится все в режиме HTML, как обычно)
Код нашей "летающей" картинки:
<IMG style="LEFT: 10px; POSITION: absolute; TOP: 26px" src="тут ссылочка картинки">
Разъясняю.
1. LEFT: 10px
LEFT - позиция картинки, буквально означающая перенос влево.
10px - это координаты позиции.
Следовательно, для перемещения нашей картинки вправо и влево по экрану необходимо плюсовать и минусовать координаты соответственно.
2. TOP: 26px
Абсолютно аналогично. только TOP - это перемещение изображения вверх и вниз страницы КСК.
3. Про ссылку картинки я уже объяснила в топике "Вставка картинки в сообщение" на этом форуме.
http://www.lowadi.com/joueur/fiche/?id=12101092
стырено у кой кого!)
http://button.dekel.ru/ - волшебная кнопка)
http://wvs.topleftpixel.com/flash/cntower_timelapse.swf - день ноочь*__*
http://open.adaptedstudio.com/html5/many-lines/index... - что то типо рисовалки. ну мне нравится
http://www.rivelazioni.com/flash/_deliri/rivelazioni... - поводи мышкой
http://csworld.fatal.ru/oblomov.html - ахах
http://adaptedstudio.com/sketch/eat/ - пакет поедатель
http://www.maninthedark.com/ - человек, плавающий за курсором
http://andrew-hoyer.com/experiments/cloth/
http://thisissand.com/ - песок
http://www.ellf.ru/nem/letomer/ - сколько осталось до лета
http://www.sembeo.com/media/Matrix.swf
https://wbx-files.s3.amazonaws.com/jacksonpollock_by...
http://bomomo.com/
http://spielzeugz.de/html5/liquid-particles.html - ееа*__*
http://rulethestars.com/
http://www.yaplakal.com/fun/clear_monitor.htm - чистка монитора
http://www.yaplakal.com/fun/magic.htm - магический квадрат.я в шоке.
http://book.fancy.kz/?id=on - получи ответы на свои вопросы
http://www.biglongnow.com/
http://patterngame.com/linesuperfollow.swf-ручной коледайскоп
http://thisissand.com/-песочек,нажми когда загрузится на экран
Взято с форума игрока КРИСТИНКА01
1. http://button.dekel.ru/ - волшебная кнопка)
2. http://ru.akinator.com/ - угадывает почти всех)
3. http://wvs.topleftpixel.com/flash/cntower_timelapse.swf - день ночь
4. http://www.pixelcase.com.au/vr/2009/newyork/ - New York
5. http://statly.ru/red.html - кто сколько продержится
6. http://oxcom.anarxi.st/chpok.swf - лопать пузырики
7. http://61226.com/share/hk.swf - город
8. http://open.adaptedstudio.com/html5/bounce-fill2/ - меня успокаивает
9. http://open.adaptedstudio.com/life/#play - фигня полная
10. http://adaptedstudio.com/sketch/physics/ - бред
11. http://adaptedstudio.com/sketch/airship/ - бред 2
12. http://open.adaptedstudio.com/hunting_arrows/ - стрелки бегают.
13. http://adaptedstudio.com/sketch/eat/ - пакет поедатель
14. http://www.maninthedark.com/ - человек, плавающий за курсором
15. http://andrew-hoyer.com/experiments/cloth/- сетка болтается
16. http://thisissand.com/ - песоок
17. http://www.procreo.jp/labo/flower_garden.swf - цветы.
18. http://www.cesmes.fi/#balls2 - с картинкой в конце.
19. http://handsonlycpr.org/symphony/?id - музыка рук.
20. http://www.ellf.ru/nem/letomer/ - сколько осталось до лета
21. http://lovedbdb.com/nudemenClock/index2.html - человечки показывают время
22. http://sketch.odopod.com/sketches/new - рисовалка
23. http://www.incredibox.fr/ - музыку сочинять. что то типо этого.
24. http://mrdoob.com/projects/harmony/#longfur - еще одна рисовалка
25. http://www.sembeo.com/media/Matrix.swf-музыкальные квадраты!
26. http://esquire.ru/speech - говорящий Путин
27. http://www.flashearth.com/ - карта
28. http://solarsystemscope.com/ - космоос
29. http://bulalex.ru/2011-03-21-16-31-18/roomesc - найти выход из комнаты
30. http://ritmoteka.ru/index.php - для нахождения песен
31. http://bomomo.com/раскраска шариками
32. http://cyberanne.livejournal.com/343610.html - почувствуй себя художником
33. http://anasomnia.com/ - сон девочки
34. http://www.donothingfor2minutes.com/- шум волн
35. http://www.simonpanrucker.com/beans.swf-убей бобы!
36. http://spielzeugz.de/html5/liquid-particles.html -очень красивые цветные шарики!
37. http://rulethestars.com/-звезды
38. http://www.intotime.com/-цвета 39. http://www.yaplakal.com/fun/magic.htm - магический квадраат.
40. http://www.yaplakal.com/fun/clear_monitor.htm - читска монитора
41. http://www.yaplakal.com//fun/probka/voditeli.htm - кто о чем думает в пробках (один мат)
42. http://www.ferryhalim.com/orisinal/g2/rainmaker.htm мальчик моет голубей
43. http://www.colorflip.com/ - страницы листать
44. http://dreamsboard.ru/ - доска желаний
45. http://book.fancy.kz/?id=on - получи ответы на свои вопросы
46. http://www.biglongnow.com/ - хлопать дверью
47. http://www.rainymood.com/ - слушать дождь
48. http://www.gotmilk.com/#/benefits/muscles/game/ делай молочко
49. http://dl.dropbox.com/u/1926037/neave_imagination.swf сияние
50. http://dl.dropbox.com/u/1926037/neave_imagination.swf - северное сияние))))
http://adobephotocs2.beon.ru/
http://alldesign.biz/
http://www.anettfrozen.com/
http://sun-design.ucoz.ru/
http://dodiart.com/
http://tritroichki.narod.ru/
http://tritroichki.narod.ru/
http://monsterart.ru/
http://teksturji.ltalk.ru/20.html
http://myfont.biz/
http://dog-animal.ru/
http://kaostylenet.ltalk.ru/
http://ayashisatousan.mindmix.ru/
http://photo2702.beon.ru/
http://adobephotocs5.beon.ru/
☻-_-_-_-_-_-_-_-_-_-_☻
http://photo2702.beon.ru/
http://adobephotocs2.beon.ru/
http://lessonsfsh.beon.ru/
http://nesere.beon.ru/
http://www.monsterart.ru/index.php
http://photoshopkotia.beon.ru/2.html
http://art-folio.ucoz.ru/load
http://teksturji.ltalk.ru/20.html
http://www.mytictac.com/fr/index.php
http://photo2702.beon.ru/30906-048-teks … -504.zhtml
http://tritroichki.narod.ru/
http://forums.0pk.ru/viewtopic.php?id=6195
http://rolka.su/
http://www.hitcounter.ru/
Сайты для рисования:
http://colorschemedesigner.com/
Полезный сайт для подбора нужных цветовых сочетаний.
http://bighugelabs.com/colors.php
На этом сайте можно легко получить палитру цветов с фотографии или картинки.
http://www.dzhigitovka.info/stat.html
Стати лошади
http://www.animalist.ru/?action=show_ar … cle=laptev
Фактически все для рисования лошадей в разных позах.
http://nesere.beon.ru/
Здесь много уроков анимации *О*
Думаю тебе пригодится.
http://adobephotocs2.beon.ru/
Тут тоже их дофига :О
Всякие полезности для фш
http://kaostylenet.ltalk.ru/
http://sun-design.ucoz.ru/
Шрифтики 
http://myfont.biz/
Базы для ав.
Когда лень обрезать исхи ++
http://cool-time.ru/index.php?x=page9
Опять уроки ФШ
http://adobephotocs5.beon.ru/
<a href="http://www.lowadi.com/marche/noir/corneAbondanceResultat?vieillissement=15678&pomme=1237653&navet=7656757&materiel=fer-qualite&noir=perle-noire&argent=100000000"><img src="http://s45.radikal.ru/i108/0912/f8/e8de59f88076.gif" border="0"></a>
Обманчивый рог)
-
Внимание!Не так давно открылся секрет создания "живых" презентаций для КСК,когда анимации могут "уплывать" за привычные рамки презентации.Это оказалось очень интересным делом,так как теперь вы можете ПОЛНОСТЬЮ изменить страницу КСК по вашему вкусу! Наспример добавить котенка, мяукающего на посетителей,или бабочек,ползающих по экрану. Некоторые, особо догадливые игроки,даже разместили фальшивые НЛО,нажимая на которых вы получаете миллион предметов с ЧР Это у заводчиков такой юмор, блин Кликабельные анимации я пока делать не умею поэтому не могу вас этому научить.Но обычные гифки научу вас вставлять.
Итак,заходим в КСК,открываем режим ссылок и вставляем вот этот код:
<IMG style="LEFT: 10px; POSITION: absolute; TOP: 26px" src="ссылка на gif изображение">
Далее сохраняем и у вас появляется картинка вверху над презентацией.
Но для того,чтобы переместить картинку в другое место по странице КСК,нужно изменить кое-что в самом коде.
Обозначение кодов:
"LEFT" значит переместить влево,вводим после этих слов число пикселей не более 1000,иначе картинка у вас совсем "улетит" с экрана.Картинка переместится влево ровно на столько пикселей,какое колличество вы ввели в коде.
Далее
значение "TOP" опускает картинку вниз по странице.Вводим число не более 2000 иначе картинка тоже "улетит"
Сохраняем,смотрим,экспериментируем.
...Вот таким вот чудом порадовала нас игра.
Смотрите тему про гифки,может найдете там чего нибудь для вашего КСК
для страницы игрока тоже действует!!!
ПРИМЕРЫ :
Кошка
<IMG style="position: absolute; top: 26px; left: 10px;" src="http://s9.rimg.info/0eb0803729daff0b329c4fc6f7227f86.gif">
Автор-не известен
*учимся делать презентации
привет. сегодня постараюсь разжевать вам, как делаются презентации. натолкнуло меня на это множество писем с просьбами научить их делать, ибо презентация - ваше лицо, так сказать.
скажу сразу, никаких программ для создания кода вам не потребуется.
итак, значет пользуюсь я стандартным шаблоном, а выглядит он так:
<table style="BACKGROUND: url(ссылка на картинку) no-repeat" border="0" width="ширина картинки" height="высота картинки">
<tbody><tr><td valign="top" width="ширина картинки">
<div style="MARGIN-TOP: **px; FLOAT: left; WIDTH: **px; HEIGHT: **px; MARGIN-LEFT: **px; OVERFLOW: auto">
<font color="цвет шрифта"><font face="стиль шрифта"><font size="размер шрифта">TITLE Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text t</font></font></font></div></td></tr></tbody></table>
а теперь поехали разбирать, что есть что.
начнем с того, что все величины измеряются пикселями.
там, где написано "ссылка на картинку", мы вставляем ссылку на вашу картинку, которая будет отображаться в презентации. для этого пользуемся фотохостингом, например: http://www.radikal.ru/, http://www.imageup.ru/ или http://tinypic.ru/.
далее пишем ширину и высоту вашей картинки, которые можно найти при загрузке фотографий в хостинг. чтобы изображение не отформатировалось автоматически, убираем галочки.
на этом работа с изображением заканчивается. дальше идет размещение окон и текста в презентации.
разбираем атрибуты, которые вам нужно будет изменять:
MARGIN-TOP: **px - вместо звездочек пишем количество пикселей, на которое текст будет размещен относительно верха.
FLOAT: left или right - где будет расположен ваш текст, слева или справа.
WIDTH: **px - здесь пишем ширину окна, в котором будет расположен текст.
HEIGHT: **px - здесь пишем высоту окна, в котором будет расположен текст.
MARGIN-LEFT: **px - здесь пишем количество пикселей, на которое текст сдвинут относительно правого края.
font color="цвет шрифта" - его можно найти, например, тут
font face="стиль шрифта" - названия стилей можно найти в интернете / редакторах / фотошопе.
font size="размер шрифта" - собственно, размер вашего шрифта. стандартный 2 или 3 px.
в общем и целом это все, что касается презентаций с одним окном. если окна два и больше, то копируем следующее:
<div style="MARGIN-TOP: **px; FLOAT: left; WIDTH: **px; HEIGHT: **px; MARGIN-LEFT: **px; OVERFLOW: auto">
<font color="цвет шрифта"><font face="стиль шрифта"><font size="размер шрифта">TITLE Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text t</font></font></font></div>
и вставляем перед нашей закрывающей код концовкой, т.е. перед последними четырьмя тегами:
... </td></tr></tbody></table>
сколько окон, столько раз и вставлять. важно запомнить, что изменять атрибуты окон нужно исключительно по порядку, чтобы не сбились предыдущие окна.
чтобы облегчить себе жизнь, пользуемся онлайн хтмл редакторами. там можно увидеть, как выглядит ваша работа и удобно контролировать расположения текста при редактировании.
могу посоветовать несколько удобных редактов, таких как: http://www.vwhost.org/editor/, http://xhtml.ru/instr/html_editor/ или http://php-ru.info/1/editor/index.php.
на этом я заканчиваю свое нужное повествование, пробуйте, разбирайтесь, удачи (:
http://s42.radikal.ru/i096/0910/8a/6d6be7a6f196.jpg
http://www.zhaba.ru/_pics/tb0u9gnfnimhmq9g.jpg
http://nifdugu.ru/uploads/posts/2011-01 … resize.jpg
http://www.zhaba.ru/_pics/1hu7gmjphe92n17t.jpg
http://i1.i.ua/prikol/pic/2/2/415822_399713.jpg
http://content.foto.mail.ru/mail/nick_k … i-1601.jpg
http://s004.radikal.ru/i207/1007/cd/e02a81fce528.jpg
http://s003.radikal.ru/i204/1005/89/74ecee94e738.jpg
http://kotomatrix.ru/images/lolz/2010/10/12/703643.jpg
http://img1.liveinternet.ru/images/atta … _apr12.jpg
http://a22002.rimg.info/icon/1320120000 … 21d4ca.jpg
http://i1.i.ua/prikol/pic/2/0/445802_428762.jpg
http://a22003.rimg.info/icon/23125000ee … 051587.jpg
http://sfw.org.ua/uploads/posts/2010-07 … ab8261.jpg
http://www.libo.ru/uploads/posts/2009-1 … ymi-47.jpg
http://de.trinixy.ru/pics4/20100402/kotomatrix_27.jpg
http://stat17.privet.ru/lr/0a09eebd8e79 … d862d5160e
http://pazitiff.info/uploads/posts/2010 … rix_11.jpg
http://s001.radikal.ru/i196/1008/73/bc04ce68a09b.jpg
http://www.tramadola.net/uploads/posts/ … 551_40.jpg
http://antif.ru/uploads/posts/2009-07/1 … isi_28.jpg
http://klopik.com/uploads/posts/2010-02 … 63_pm1.jpg
"Живая презентация"
Внимание!Не так давно открылся секрет создания "живых" презентаций для КСК,когда анимации могут "уплывать" за привычные рамки презентации.Это оказалось очень интересным делом,так как теперь вы можете ПОЛНОСТЬЮ изменить страницу КСК по вашему вкусу! Наспример добавить котенка, мяукающего на посетителей,или бабочек,ползающих по экрану. Некоторые, особо догадливые игроки,даже разместили фальшивые НЛО,нажимая на которых вы получаете миллион предметов с ЧР Это у заводчиков такой юмор, блин Кликабельные анимации я пока делать не умею поэтому не могу вас этому научить.Но обычные гифки научу вас вставлять.
Итак,заходим в КСК,открываем режим ссылок и вставляем вот этот код:
<IMG style="LEFT: 10px; POSITION: absolute; TOP: 26px" src="ссылка на gif изображение">
Далее сохраняем и у вас появляется картинка вверху над презентацией.
Но для того,чтобы переместить картинку в другое место по странице КСК,нужно изменить кое-что в самом коде.
Обозначение кодов:
"LEFT" значит переместить влево,вводим после этих слов число пикселей не более 1000,иначе картинка у вас совсем "улетит" с экрана.Картинка переместится влево ровно на столько пикселей,какое колличество вы ввели в коде.
Далее
значение "TOP" опускает картинку вниз по странице.Вводим число не более 2000 иначе картинка тоже "улетит"
Сохраняем,смотрим,экспериментируем.
...Вот таким вот чудом порадовала нас игра.
Смотрите тему про гифки,может найдете там чего нибудь для вашего КСК
для страницы игрока тоже действует!!!
☻-_-_-_-_-_-_-_-_-_-_☻
Нажимаешь обзор, выбираешь фото с компьютера, нажимаешь ЗАГРУЗИТЬ, копируешь третью ссылку для форумов, вставляешь в текст сообщения.
http://www.radikal.ru/ - Радикал-Фото.
http://funnyhorse.chatovod.ru/app3097 - фотошоп.
http://www.photoshop-master.ru/ - Photoshop-Мастер.ru
1. Галлереи смайликов:
http://smajliki.ru -очень много смайликов!
http://smiles2k.net/
http://www.smilik.ru/
2.Линеечки:
http://flines.ru/ - можно сделать свою
http://www.ticker.7910.org/
http://lines.planetadruzey.ru/index.html
http://www.sestrenka.ru/lines/
http://lines.wlal.ru/
http://lines.net.ua/index.php?loc=create&gal=6 -аниме линеечки
3. Надписи и аватары
http://gifr.ru/ - создание блестящих надписей и анимированных аватаров
http://avatar.pho.to/ru/ -создание анимированных аватаров с доп. эффектами (слайдшоу, эмоции,фильтры, рамки и т.д.)
4.Хостинги картинок:
http://www.imagepost.ru/
http://savepic.net/
http://fastpic.ru/
http://www.radikal.ru/
5.Счетчики посещений:
http://www.warlog.ru/
6. Фотошоп онлайн:
http://editor.0lik.ru/
7. Демотиваторы:
http://demotivators.ru/
Взято с форума PaperSky
http://xgif.ru/ - xGif.ru - gif анимация
src="http://savepic.net/1055330.jpg" border="0" alt="Изображение - savepic.net — сервис хранения изображений" />
http://depositfiles.com/ru/files/te299eozh
http://vsyaanimaciya.ru/ - Картинки,открытки,анимация.
http://www.cesmes.fi/pallo.swf - веселые кружочки
http://dl.dropbox.com/u/1926037/neave_imagination.swf - забавные разводы
http://alchemygame.ru/mods/1/play/ - алхимия
http://potrebitel.biz/angel/mk.htm - магический квадрат
http://www.dezinfo.net/foto/4285-a-nado … -foto.html - фотоальбомы
[url]ссылка[/url*] -кликабельная ссылка
[url=ссылка]название ссылки[/url*] -кликабельное слово
[img]ссылка на картинку[/img*] -картинка в тексте
[IMG*]ссылка на картинку[/IMG*] - вставить картинку на форуме или в сообщение.
http://smayli.ru/smile/skeleti-8.html
http://blestki.com/ - Бесплатные блестяшки анимашки анимационные открытки картинки с кодами для вставки в блоги
http://smayli.ru/ - Блестяшки, анимашки, анимации, cмайлы, смайлики, smiles, открытки
http://smiles2k.net/big_smiles/index.html
http://go.mail.ru/search?utf8in=1&fr=fftbUFix&q=крупные смайлы
http://globator.net/animation/315-animated-rabbit.html
Globator
http://newavatar.ru/newyear.php?page=1
Коллекция аватаров.
Ссылки могут повтарятся!х(
☻-_-_-_-_-_-_-_-_-_-_☻
Бесплатный хостинг.
wwwjpe.ru
☻-_-_-_-_-_-_-_-_-_-_☻
☻-_-_-_-_-_-_-_-_-_-_☻
99669999996669999996699666699666999966699666699
99699999999699999999699666699669966996699666699
99669999999999999996699666699699666699699666699
99666699999999999966666999966699666699699666699
99666666999999996666666699666699666699699666699
99666666669999666666666699666669966996699666699
99666666666996666666666699666666999966669999996
1) Выдели первые 2 девятки
2) Нажми F3
3) Нажми 9
-_-_-_-_-_-_-_-_
<a target="_blank" href="ссылка на страницу, на которую при нажатии будут переходить игроки"><img src="ссылка на картинку" ></a>
-_-_-_-_-_-_-_-_
Вставить картинку: [*img]ссылка на картинку[*/img]
Вставить ссылку: [*url=ссылка]текст ссылки[*/url]
Сделать картинку ссылкой: [*url=ссылка][*img]ссылка на картинку[*/img][*/url]
не забудьте убрать * в строчках и проверяйте перед отправкой внимательно не стерли ли вы чего лишнего.
Удачи!
-_-_-_-_-_-_-_-_
Фотошоп уроки:
http://0lik.ru/
http://www.photoshop-master.ru/
http://openimage.ltalk.ru/
http://funnyhorse.ru/
http://blestiashki.narod.ru/index.htm
http://mirphotoshop.ru/
http://forum.photo-manual.ru/
http://alfor.ru/
Обработанные картики:
http://gigabars.ru/
Линейки:
http://line.romanticcollection.ru/
http://lines.planetadruzey.ru/
http://www.kukuzya.ru/page/lineechki
http://lines.ladoshki-forum.ru/
Генераторы:
http://smayli.ru/generatonadpisey/
-_-_-_-_-_-_-_-_
Полезно:
http://diza-74.deviantart.com/
http://blestki.com/linii10.html
http://blestki.com/linii5.html
Тоже уже готовые картинки:
http://gifzona.com/best_gif_14.htm
http://blestki.com/
http://krasota-gif.com/cats.htm
http://miranimashek.com/
Заказ:
http://diza.ucoz.ru/photo/
Классная штучка:
http://dl.dropbox.com/u/1926037/neave_imagination.swf
http://www.femmina.ru/articles/346-biorhythm/
Генераторыы:
http://www.warlog.ru/
http://line.mole.ru/
http://www.24log.ru/
http://blingee.com/account/login
-_-_-_-_-_-_-_
Код :
<table style="background: url(http://s017.radikal.ru/i439/1201/fe/ea8e299af67f.jpg) repeat scroll 0% 0% transparent; font-family: Monotype Corsiva; width: 630px; height: 630px;" border="0"><tbody><tr><td valign="top" width="650"><div style=""></div><div style="overflow: auto; width: 200px; height: 200px; margin-left: 200px; margin-top:200px; float: left; text-align: center;"><font face="ка"><font size="4"><span style="color: rgb(255, 255, 255);"><font color="#0000"><font face="Segoe Script">текст текст текст текст текст текст текст текст текст текст текст текст</span></font></font></div></td></tr></tbody></table
Перевод кода:
<стиль таблицы = "фон: URL (http://s017.radikal.ru/i439/1201/fe/ea8e299af67f.jpg) повторяют прокрутки 0% 0% прозрачный, семейство шрифтов: Monotype Corsiva, ширина: 630px, высота: 630px; "граница =" 0 "> <tbody> <tr> <td valign="top" width="650"> <div style=""> </ DIV> <дел стиль =" переполнение: авто, ширина: 200px, высота: 200px; разницы-налево: 200px; разницы-топ: 200px; плавать: слева; выравнивания текста: центр; "> <font face="ка"> <font size="4"> <промежуток стиль = "цвета: RGB (255, 255, 255 );">< цвет шрифта =" # 0000 "> <font face="Segoe Script"> текст текст текст текст текст текст текст текст текст текст текст текст </ SPAN> </ FONT> </ FONT> </ P> </ TD> </ TR> </ TBODY> </ таблицы
-_-_-_-_-_-_-_
Картинки)
http://zooclub.ru/fotogal/
http://www.krassota.com/prikol.htm
http://fantasyflash.ru/is_love/index.ph … et&n=1
http://smajliki.ru/smilie-483737031.html
Хостинги
http://gifr.ru/
http://xgif.ru/
http://www.picnik.com/app#/out
http://www.holla.ru/
Линейки))
http://flines.ru/createtimeline?cat=15
Генератор
http://smiles.33bru.com/smiliegenerator/