X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Оформляем группу Вконтакте
МашаРастеряша
МашаРастеряша
Topic Starter сообщение 23.4.2013, 18:38; Ответить: МашаРастеряша
Сообщение #1


Сейчас я хотела бы рассказать о том , как я оформляю свои группы
Я в этом деле тот еще "чайник", так как только начала изучать , но кое что узнала .
Если я все подробно описывать , то это будет слишком долго . Лучше напишу более кратко , а если что то не понятно пишите в теме

Итак, думаю начнем:
Входе написания статьи я буду создавать группу и оформлять его , в конце дам ссылку . Потом можете сравнить мою с вашим

Я буду создавать группу для фильма "Быстрее пули" . Почему именно для этого фильма, потому что там играет один из моих любимых актеров Дуэйн Джонсон, обожаю его) :P Да и фильм хороший

Я нашла в интернете такую картинку
[img]http://images.vfl.ru/ii/1366721711/90ca6118/2204963_m.png[/img]

- Теперь откройте фотошоп, перетащите картинку в программу, создайте новое изображение (размер 200х737) . Это для аватара
- Скопируйте и вставьте картинку в новое изображение
[img]http://images.vfl.ru/ii/1366722325/7917223a/2205028_m.png[/img]

- Сохраните аватар , но не закрывайте . Он нам еще пригодится
- Теперь создайте еще одно новое изображение (размер 370х456) . Это для меню
- Также скопируйте и вставьте картинку в новое изображение. Откройте окно аватара и подкорректируйте обе картинки , как показано снизу
[img]http://images.vfl.ru/ii/1366722922/f9bc6352/2205085_m.png[/img]

- Низы обеих картин должны лежать на одной линии . И когда будите подправлять картинки , не забудьте учесть проценты(не знаю как по другому называется)
[img]http://images.vfl.ru/ii/1366723369/befd5c04/2205103_m.png[/img]

- Если вы все правильно сделали , то должно получиться как на картинке
- Далее, начертите названия или категории . если вы создаете группу для сериала , можно написать 1 сезон , 2 сезон ... . В моем случае вот так :
[img]http://images.vfl.ru/ii/1366723723/32fbe05d/2205126_m.png[/img]

- Дальше что либо начертить у меня фантазии не хватило :(
- Эту картинку сохраните, можно назвать Меню
- Теперь будем обрезать Меню на мелкие картинки . для этого есть кучу программ , но я использую вот эту
- Откройте программу, в нем откройте изображение Меню и разделите на кусочки
[img]http://images.vfl.ru/ii/1366724211/c7f6f1a6/2205188_m.png[/img]

- Нажмите "Split" , для всех кусочков измените расширение на .jpg . Сохраните
- Если вы все еще не создали группу, создайте . Пока что кроме названия группы ничего не меняйте , включите фотоальбом и материалы . поставьте аватар
- Закачайте все кусочки в фотоальбом
- Теперь , как сделать так , чтоб некоторые картинки были кликабельными ,а некоторые некликабельными ? как соеденить все кусочки в одну картину
- Для этого используются некоторые опции (или код)
noborder — удаляет рамку вокруг фото
nolink — делает фото некликабельным (это для тех кусочков, которые пустые)
nopadding — фото без пробелов и рамки (убирает пробел между картинками)


- нажмите Меню(в группе), редактировать . Я собрала все кусочки в одну картину . У меня вышло вот так :
[[photo-52850518_301718101|226x69px;noborder;nopadding;| ]][[photo-52850518_301718102|144x69px; noborder;nopadding;nolink|bla bla bla]]
[[photo-52850518_301718104|226x52px;noborder;nopadding;nolink| ]][[photo-52850518_301718105|144x52px; noborder;nopadding| ]]
[[photo-52850518_301718106|226x170px;noborder;nopadding;nolink| ]][[photo-52850518_301718107|144x170px; noborder;nopadding;nolink| ]]
[[photo-52850518_301718109|226x44px;noborder;nopadding| ]][[photo-52850518_301718110|144x44px; noborder;nopadding;nolink| ]]
[[photo-52850518_301718111|226x121px;noborder;nopadding;nolink| ]][[photo-52850518_301718112|144x121px; noborder;nopadding;nolink| ]]


- "[[" и "]]" с обеих сторон, когда открываешь и закрываешь
- photo-ХХ_YY - ID фото
- "|" с обеих сторон , когда указываешь опции, параметры . После него идет ссылка. Если не кликабельна, то это место можно оставить пустым
- Размер должен быть точным , как указано у вас на компьютере
- ";" после каждой опции, обязательно . Перед "|" не ставится
- если у вас два кусочка в одной строке , пишите их слитно .
Правильно
[[photo-52850518_301718101|226x69px;noborder;nopadding;| ]]здесь слитно[[photo-52850518_301718102|144x69px; noborder;nopadding;nolink|bla bla bla]]

Неправильно
[[photo-52850518_301718101|226x69px;noborder;nopadding;| ]]
[[photo-52850518_301718102|144x69px; noborder;nopadding;nolink|bla bla bla]]


- Как видите у меня везде есть опции noborder и nopadding, а nolink только если эта картинка некликабельна
- Когда будите переходить в новую строку , нажимайте смело на "пердпросмотр" и проверяйте , может что не так
- Когда все сделаете у вас Аватар и Меню будут не совпадать . Для того чтоб они совпадали заполните описание , подкорректируйте
- Все готово , нужные нам кусочки кликабельны , остальные нет
- Остается лишь создать для них новые страницы . Для этого снизу я пишу вот так
[[Скрин]]
[[смотреть онлайн]]
[[скачать]]

- "предпросмотр" , и снизу картинки появляются 3 ссылки . Перейдите по нужной вам ссылке , нажмите на "Наполнить содержанием" , что то напишите(это пока не имеет значения ,можете потом заняться наполнением). Сохраните, далее в строке ссылок скопируйте id страницы . У меня оно выглядит вот так
page-52850518_44479599

Этот код вставляем в место для ссылок , после "|"
[[photo-52850518_301718101|226x64px;noborder;nopadding;|page-52850518_44479599]][[photo-52850518_301718102|144x64px; noborder;nopadding;nolink|bla bla bla]]

Так , для каждой ссылки
- А потом [[Скрин]] , [[смотреть онлайн]] , [[скачать]] можно удалить

Группа наполовину оформлена , плавный переход картинок , картинки-ссылки , создание меню и аватара

С вами была Марина Волохова
Надеюсь хоть чем то помогла
и если что не так не судите строго, подправьте :D

ссылка http://vk.com/club52850518
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
airman
airman
сообщение 24.4.2013, 22:27; Ответить: airman
Сообщение #2


МашаРастеряша, отличная инструкция :goodpost:


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
МашаРастеряша
МашаРастеряша
Topic Starter сообщение 25.4.2013, 5:46; Ответить: МашаРастеряша
Сообщение #3


Старалась :)
Тут для меня было труднее всего найти подходящую картинку . Я же ведь плохо разбираюсь в фотошопе . Но думаю со временем я смогу и сама склепать Аватар и Меню . Я тут имею ввиду не скачать с интернета готовую картинку , а потом его разделить на части , наоборот самой начертить
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
airman
airman
сообщение 26.4.2013, 11:32; Ответить: airman
Сообщение #4


возьмите уроки у melrok :) думаю он с удовольствие расскажет


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
МашаРастеряша
МашаРастеряша
Topic Starter сообщение 26.4.2013, 13:23; Ответить: МашаРастеряша
Сообщение #5


Сейчас не смогу , в данный момент я изучаю adobe dreamweaver . Полезная штука
Пока что ограничусь готовыми картинками
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Siege_mw
Siege_mw
сообщение 26.4.2013, 14:34; Ответить: Siege_mw
Сообщение #6


отличная инструкция
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
МашаРастеряша
МашаРастеряша
Topic Starter сообщение 26.4.2013, 14:38; Ответить: МашаРастеряша
Сообщение #7


Если кто сделал такую группу выложите ссылку в теме . Хотелось бы посмотреть на чужие работы , может и у вас есть свои хитрости при оформлении группы
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
melrok
melrok
сообщение 26.4.2013, 16:39; Ответить: melrok
Сообщение #8


Делал еще сто лет в обед http://vk.com/club43814888 :D
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
МашаРастеряша
МашаРастеряша
Topic Starter сообщение 26.4.2013, 16:42; Ответить: МашаРастеряша
Сообщение #9


Я до этого игнорировала кнопки, а оказывается с кнопками выглядит лучше

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) TopSmm.ru Накрутка Вконтакте/Instagram/YouTube и др. Гарантия на докрутку и самые низкие цены!
74 KalininDima 38888 15.3.2024, 16:12
автор: KalininDima
Открытая тема (нет новых ответов) Требуются работники в социальной сети Вконтакте
1 Дмитрий1981 916 2.2.2024, 1:07
автор: Vikbit
Открытая тема (нет новых ответов) Размещу ваши объявления о подработке в Москве или московской области в "ВКонтакте" и в "Телеграм"
1 Tia2 980 5.11.2023, 10:18
автор: maxmer
Открытая тема (нет новых ответов) Живые подписчики(клиенты) ВКонтакте с приглашений по критериям
0 Professor7717 982 28.7.2023, 23:52
автор: Professor7717
Открытая тема (нет новых ответов) BuxarVideoUploader - Автоматическое скачивание и загрузка видео из любых/ на любые видео хостинги (YouTube, TikTok, Instagram, Facebook, Яндекс Дзен, Вконтакте, Одноклассники, Rutube, Dailymotion, d.tube, Telegram и т.д.
0 BuxarNET 1224 19.7.2023, 5:58
автор: BuxarNET


 



RSS Текстовая версия Сейчас: 20.4.2024, 9:21
Дизайн