Полная версия этой страницы:
Дизайн на майспейсе
Зарегился на майспейсе и чё то ладу не дам, как шапку, фон, и цветовые настройки сделать. Куда теги писать?
Есть мильон эдиторов, которые сами тебе код генерят и говорят куда его вставить. Вставляется все в раздел О группе. Там несколько подразделов. В зависимости от того, какой элемент хочешь поменять, нужно вставлять код в разные разделы. Мне тока с шапкой пришлось поморочиться.
Gator, а можно про шапку поподробнее.
С фоном вроде разобрался, тока вопрос, сам файл можно как нибудь на том же майспейсе выложить, или обязательно внешнюю ссылку?
Schneider
23.9.2008, 18:51
Ща пример кода кину.
Это вставляется в любое место, собственно шапка:
Ссыль меняешь на свою. В принципе можно картинку и на майспейс к себе залить, но по-моему он там ресайзит и качество меняет, так что лучше хранить таки на радикале.ру например.
Далее в тэге 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
23.9.2008, 18:51
Эдиторы кстати не советую, советую тупо стырить стиль, который более-менее подходит, и его отредактировать :))
О. Спасибо. А можно его опустить, чтоб он прям под красной менюшкой был, которая "музыка myspace" ?
Schneider
23.9.2008, 20:55
Хм... не уверен. То, что я описал, ставит баннер в самый верх, над менюшкой, а под менюшкой... блин, во-первых она всегда на разном уровне (т.е. абсолютное указание координат не покатит), во-вторых не помню что идет под ней, и можно ли это сдвинуть вниз, и сдается мне, что нельзя.
Но надо пошукать по майспейсу, если у кого-нибудь такая штука реализована, то можно по исходнику страницы полазить и вытянуть нужный код.
Ну вот как здесь.
http://www.myspace.com/peopleinplanes
Тут правда вообще странно. У них и плеер не такой.
Schneider
24.9.2008, 2:12
Ну что я могу порекомендовать... Сохранить исходник страницы (т.е. просмотр в виде HTML, потом оттуда сохранить в файл) и глянуть его в нормальном редакторе, где поискать кусок кода, который вставлен в биографию группы (т.е. начиная с "О группе ...", искать по названию), выделить весь код, заключенный между
и | и проанализировать его внимательно.
С плеером кстати вообще интересно. Плюс еще какие-то объекты с facebook.com. Надо будет штоле там тоже зарегиться да посмотреть как что и где, вроде прообраз вконтакте.
Schneider
24.9.2008, 2:13
Сейчас мне этим, чессгря, заниматься лень, потому что я пьяный :)
пипл ин плэйнс??? Есть ценители? ))) Как последняя пластинка? Просто сам неделю назад лепил себе шапку на профайл и тоже засматривался как раз на сайт пипл ин плэйнс )) Кста, как ни странно нашел решение на... гитарплеере )) ТАм есть топ где практически также как здесь описывают как сделать шапку.
Я по ходу из твоего топа ссылку и взял )
на пиплинплейс я имею ввиду.
А на гитарплеере где? Не сохранилось ссылки? или хотя бы в каком розделе?
или там так же в самом верху вешает?
в самом верху. И коды такие же почти. Ниче нового там нет, все уж тут написали.
Зацените чтоль что получилось :)
http://www.myspace.com/granitishiny
Schneider
25.9.2008, 19:18
Ну так, ничего... Цвет оранжевого шрифта смени на какой-нибудь более удобоваримый, и это... еще я б порекомендовал бы нарисовать новый ContactBar, ну эту фигню, где добавить в друзья и т.п. Если надо, тоже могу код дать.
Schneider, давай, если не жалко :)
скока ж гемора с этим майспесом...
Schneider
26.9.2008, 13:37
Да не особо-то и много. Один раз сделать полностью, а потом копипастить :)
Вот код:
.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
26.9.2008, 13:38
А плеер они вообще поменяли полностью. У некоторых он адово глючит.
Для просмотра полной версии этой страницы, пожалуйста,
пройдите по ссылке.