Помощь - Поиск - Пользователи - Календарь
Полная версия этой страницы: Дизайн на майспейсе
Форум Guitar.ru > Общение > Разговоры на гитарную тему
UFO-del
Зарегился на майспейсе и чё то ладу не дам, как шапку, фон, и цветовые настройки сделать. Куда теги писать?
Gator
Есть мильон эдиторов, которые сами тебе код генерят и говорят куда его вставить. Вставляется все в раздел О группе. Там несколько подразделов. В зависимости от того, какой элемент хочешь поменять, нужно вставлять код в разные разделы. Мне тока с шапкой пришлось поморочиться.
UFO-del
Gator, а можно про шапку поподробнее. С фоном вроде разобрался, тока вопрос, сам файл можно как нибудь на том же майспейсе выложить, или обязательно внешнюю ссылку?
Schneider
Ща пример кода кину. Это вставляется в любое место, собственно шапка:
Ссыль меняешь на свою. В принципе можно картинку и на майспейс к себе залить, но по-моему он там ресайзит и качество меняет, так что лучше хранить таки на радикале.ру например. Далее в тэге style следующая конструкция: div.header { position: absolute; top: 0; left: 50%; margin-left: -404px; width: 800px; height: 311px; } width и height - размеры изображения. И еще вот такую штуковину надо сделать со стилем тэга body: body { margin-top: 291; } Тут надо поиграться параметром margin-top, потому что на майспейсе еще к шапке присобачивается какая-нибудь реклама, и надо сделать так, чтобы она не слишком мешала. Если еще есть вопросы - обращайтесь.
Schneider
Эдиторы кстати не советую, советую тупо стырить стиль, который более-менее подходит, и его отредактировать :))
UFO-del
О. Спасибо. А можно его опустить, чтоб он прям под красной менюшкой был, которая "музыка myspace" ?
Schneider
Хм... не уверен. То, что я описал, ставит баннер в самый верх, над менюшкой, а под менюшкой... блин, во-первых она всегда на разном уровне (т.е. абсолютное указание координат не покатит), во-вторых не помню что идет под ней, и можно ли это сдвинуть вниз, и сдается мне, что нельзя. Но надо пошукать по майспейсу, если у кого-нибудь такая штука реализована, то можно по исходнику страницы полазить и вытянуть нужный код.
UFO-del
Ну вот как здесь. http://www.myspace.com/peopleinplanes Тут правда вообще странно. У них и плеер не такой.
Schneider
Ну что я могу порекомендовать... Сохранить исходник страницы (т.е. просмотр в виде HTML, потом оттуда сохранить в файл) и глянуть его в нормальном редакторе, где поискать кусок кода, который вставлен в биографию группы (т.е. начиная с "О группе ...", искать по названию), выделить весь код, заключенный между и и проанализировать его внимательно. С плеером кстати вообще интересно. Плюс еще какие-то объекты с facebook.com. Надо будет штоле там тоже зарегиться да посмотреть как что и где, вроде прообраз вконтакте.
Schneider
Сейчас мне этим, чессгря, заниматься лень, потому что я пьяный :)
Gator
пипл ин плэйнс??? Есть ценители? ))) Как последняя пластинка? Просто сам неделю назад лепил себе шапку на профайл и тоже засматривался как раз на сайт пипл ин плэйнс )) Кста, как ни странно нашел решение на... гитарплеере )) ТАм есть топ где практически также как здесь описывают как сделать шапку.
UFO-del
Я по ходу из твоего топа ссылку и взял )
UFO-del
на пиплинплейс я имею ввиду. А на гитарплеере где? Не сохранилось ссылки? или хотя бы в каком розделе?
UFO-del
или там так же в самом верху вешает?
Gator
в самом верху. И коды такие же почти. Ниче нового там нет, все уж тут написали.
UFO-del
Зацените чтоль что получилось :) http://www.myspace.com/granitishiny
Schneider
Ну так, ничего... Цвет оранжевого шрифта смени на какой-нибудь более удобоваримый, и это... еще я б порекомендовал бы нарисовать новый ContactBar, ну эту фигню, где добавить в друзья и т.п. Если надо, тоже могу код дать.
UFO-del
Schneider, давай, если не жалко :) скока ж гемора с этим майспесом...
Schneider
Да не особо-то и много. Один раз сделать полностью, а потом копипастить :) Вот код: .contactTable { width: 300px !important; height: 150px !important; padding: 0px !important; background-image: url("http://i010.radikal.ru/0803/3d/1a9d9e798de8.gif"); background-attachment: scroll; background-position: center center; background-repeat: no-repeat; background-color: transparent; border: 0px; } .contactTable table, table.contactTable td { padding: 0px !important; border: 0px; background-color: transparent; background-image: none; } .contactTable a img { visibility: hidden; border: 0px !important; } .contactTable a { display: block; height: 28px; width: 115px; } .contactTable .text { font-size: 1px !important; } .contactTable .text, .contactTable a, .contactTable img { filter: none !important; } Обрати внимание на картинку. Надо надписи поставить в своей примерно также.
Schneider
А плеер они вообще поменяли полностью. У некоторых он адово глючит.
Для просмотра полной версии этой страницы, пожалуйста, пройдите по ссылке.
Форум IP.Board © 2001-2026 IPS, Inc.