Дизайн на майспейсе Опции

[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, потом оттуда сохранить в файл) и глянуть его в нормальном редакторе, где поискать кусок кода, который вставлен в биографию группы (т.е. начиная с "О группе ...", искать по названию), выделить весь код, заключенный между

[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]

А плеер они вообще поменяли полностью. У некоторых он адово глючит.