Кнопки рядом с шапкой
|
|
[1] kozzporn [16.02.2011, 18:00] |
Мой Сайт вот на этом сайте рядом с шапкой слева я хочу поставить такие же кнопки как с право...могу дать прописку шаблона если можно напишите что надо прописатьДобавлено (16.02.2011, 18:00) ---------------------------------------------
Quote <table cellpadding="0" cellspacing="10" border="0" width="100%"><tr><td width="100%" align="center"> <table border="0" cellpadding="0" cellspacing="0" width="916" height="184"> <tr><td rowspan="3" width="200"> </td><td rowspan="3" width="282"><img src="http://funkyimg.com/u2/875/055/1.jpg" border="0"></td><td width="214" height="19"><img src="http://funkyimg.com/u2/954/730/sus.jpg" border="0"></td><td rowspan="3" width="20"><img src="http://funkyimg.com/u2/771/397/introparte.jpg" border="0"></td> <td rowspan="3" width="200"> <table cellpadding="0" cellspacing="0" border="0" height="184" width="200" class="topLink"> <tr><td height="13"></td></tr> <tr><td height="49" style="background:url('http://funkyimg.com/u2/233/218/1.jpg') left no-repeat"><a href="$HOME_PAGE_LINK$"><!--<s5176>--><b> Home</b><!--</s>--></a></td></tr> <tr><td height="6"></td></tr> <tr><td height="49" style="background:url('http://funkyimg.com/u2/115/645/2.jpg') left no-repeat"><?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?><a href="http://seria-a.at.ua/index/smotret_onlajn/0-4"><!--<s5214>--><b>Online Matches</b><!--</s>--></a><?else?><a href="http://seria-a.at.ua/index/smotret_onlajn/0-4"><!--<s3089>--><b>Online Matches</b><!--</s>--></a><?endif?><?endif?></td></tr> <tr><td height="6"></td></tr> <tr><td height="49" style="background:url('http://funkyimg.com/u2/328/913/3.jpg') left no-repeat"><?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?><a href="$LOGOUT_LINK$"><!--<s5164>--><b> Exit</b><!--</s>--></a><?else?><a href="$REGISTER_LINK$"><!--<s3087>--><b>Sign Up</b><!--</s>--></a><?endif?><?endif?></td></tr> <tr><td height="12"></td></tr> </table> </td> </tr> <tr><td width="214" height="144" style="background:url('http://funkyimg.com/u2/923/039/3.jpg');" align="center"><span style="color:#FFF799;font:20pt bold Verdana,Tahoma;"><b><!-- <logo> --><!-- </logo> --></b></span></td></tr> <tr><td width="214" height="21"><img src="http://funkyimg.com/u2/717/676/jos.jpg" border="0"></td></tr> </table><div style="height:10px;"></div> вот на всю верхнию часть |
|
[2] likbezz [16.02.2011, 20:41] |
kozzporn, Quote (kozzporn) вот на этом сайте рядом с шапкой слева я хочу поставить такие же кнопки как с право...могу дать прописку шаблона если можно напишите что надо прописать Если точно такие же, то примерно вот это: HTML: Code <table class="mHederTb" border="0" cellspacing="0" cellpadding="0"><tr> <td class="mLeftTd"> <div class="mLink"><a href="http://likbezz.ru/"><strong>Likbezz.ru</strong></a></div> <div class="mLink"><a href="http://likbezz.ru/forum/60"><strong>Как сделать ...</strong> <em>(forum)</em></a></div> <div class="mLink"><a href="http://likbezz.ru/forum/0-0-1-34"><strong>Форум. Последнее</strong></a></div> </td> <td class="mCenterTd"><img style="float:left;" src="http://likbezz.ru/_example/sites/_part1/seria-a/m1.png" width="279" height="184" /><img src="http://likbezz.ru/_example/sites/_part1/seria-a/m2.png" width="109" height="144" style="margin:20px 12px 7px auto;float:right;" /></td> <td class="mRightTd"> <div class="mLink"><a href="http://seria-a.at.ua/"><!--<s5176>--><b> Home</b><!--</s>--></a></div> <div class="mLink"><a href="http://seria-a.at.ua/index/smotret_onlajn/0-4"><!--<s3089>--><b>Online Matches</b><!--</s>--></a></div> <div class="mLink"><a href="http://seria-a.at.ua/index/3"><!--<s3087>--><b>Sign Up</b><!--</s>--></a></div> </td> </tr></table> И CSS: Code <style type="text/css"> /* StartStyle */ .mHederTb{border-collapse:collapse;border-spacing:0;width:916px;margin:0 auto;} .mHederTb td{vertical-align:top;} .mLeftTd{background:url(http://likbezz.ru/_example/sites/_part1/seria-a/hd-tl_bg_124x184x8b.png) no-repeat right top;width:220px;text-align:right;padding-top:7px;} .mCenterTd{background:url(http://likbezz.ru/_example/sites/_part1/seria-a/td_bg.png) repeat-x left top;height:184px;} .mRightTd{background:url(http://likbezz.ru/_example/sites/_part1/seria-a/hd-tr_bg_124x184x8b.png) no-repeat left top;width:220px;text-align:left;padding-top:7px;} .mLink{margin:7px 20px 0px;height:48px;line-height:47px;} /* EndStyle */ </style> ... ☑ Пример ... ... Но, по моему, кнопки коротковаты в ширину .... Я бы сделал вот так: ☑ Пример 2 ... (моя версия ... хотя, и первый - тоже моя ... ヅ) ... Что непонятно - смотри исходник ..... И ссылки поменяй ... ヅ ... ... |
|
[3] kozzporn [16.02.2011, 21:32] |
а как поставить что бы текст был по середине кнопке а не с краю ??? спс заранее и за выше написаное большое спасибо ! |
|
[4] likbezz [16.02.2011, 21:54] |
kozzporn, Quote (kozzporn) а как поставить что бы текст был по середине кнопке а не с краю ??? Отредактировать стиль: Quote (CSS) .mLink{margin:7px 20px 0px;height:48px;line-height:47px;text-align:center;} ... Поправь CSS .... Удали лишнее. так не делают. ....
|
|
[5] kozzporn [16.02.2011, 22:07] |
спс сейчас попробую Добавлено (16.02.2011, 22:07) --------------------------------------------- а как теперь допустим шапку поменять .....сейчас у меня нету линков на её частей ( |
|
[6] likbezz [16.02.2011, 22:13] |
kozzporn, Див в шапке потерял .... Code <div style="height:10px;"></div> После таблицы - в самый конец. .... Quote (kozzporn) а как теперь допустим шапку поменять .....сейчас у меня нету линков на её частей ( Чего? ... Точно также, поменять/изменить картинки, отредактировать стили .... Как и обычно... ... Quote (kozzporn) как то я её потом менять буду ) ? - Руками. Какие варианты нужны? ... |
|
[7] kozzporn [16.02.2011, 22:18] |
исправил ) так что на счёт шапки ? как то я её потом менять буду ) ? Добавлено (16.02.2011, 22:18) ---------------------------------------------
Quote <table cellpadding="0" cellspacing="10" border="0" width="100%"><tr><td width="100%" align="center"> <table class="mHederTb" border="0" cellspacing="0" cellpadding="0"><tr> <td class="mLeftTd"> <div class="mLink"><a href="http://seria-a.at.ua/"><strong>Home Page</strong></a></div> <div class="mLink"><a href="http://seria-a.at.ua/index/novosti/0-9"><strong>Last News</strong> <em></em></a></div> <div class="mLink"><a href="http://seria-a.at.ua/index/tablica_serija_a/0-5"><strong>League Table</strong></a></div> </td> <td class="mCenterTd"><img style="float:left;" src="http://likbezz.ru/_example/sites/_part1/seria-a/m1.png" width="279" height="184" /><img src="http://likbezz.ru/_example/sites/_part1/seria-a/m2.png" width="109" height="144" style="margin:20px 12px 7px auto;float:right;" /></td> <td class="mRightTd"> <div class="mLink"><a href="http://seria-a.at.ua/index/smotret_onlajn/0-4"><!--<s5176>--><b>Online Matches</b><!--</s>--></a></div> <div class="mLink"><a href="http://seria-a.at.ua/index/faq_dlja_prosmotra/0-6"><!--<s3089>--><b>Sopcast FAQ</b><!--</s>--></a></div> <div class="mLink"><a href="http://seria-a.at.ua/index/3"><?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?><a href="$LOGOUT_LINK$"><!--<s5164>--><b> Exit</b><!--</s>--></a><?else?><a href="$REGISTER_LINK$"><!--<s3087>--><b>Sign Up</b><!--</s>--></a><?endif?><?endif?></td></tr> </td> </tr></table> <div style="height:10px;"></div> ну вот это у меня сейчас в верхним шаблоне...и здесь нету уже гле поменять линки на частички шапки |
|
[8] likbezz [16.02.2011, 22:55] |
kozzporn, Quote (kozzporn) .и здесь нету уже гле поменять линки на частички шапки - На картинки что ли? ... Нижний блок в CSS у тебя - картинка выше - через него и меняется всё. Code /* StartStyle */ .mHederTb{border-collapse:collapse;border-spacing:0;width:916px;margin:0 auto;} .mHederTb td{vertical-align:top;} .mLeftTd{background:url(http://likbezz.ru/_example/sites/_part1/seria-a/hd-tl_bg_124x184x8b.png) no-repeat right top;width:220px;text-align:right;padding-top:7px;} .mCenterTd{background:url(http://likbezz.ru/_example/sites/_part1/seria-a/td_bg.png) repeat-x left top;height:184px;} .mRightTd{background:url(http://likbezz.ru/_example/sites/_part1/seria-a/hd-tr_bg_124x184x8b.png) no-repeat left top;width:220px;text-align:left;padding-top:7px;} .mLink{margin:7px 20px 0px;height:48px;line-height:47px;} /* EndStyle */ ... Классы прописаны просто .... Чего сложного? .... Всё тоже самое, только со стилями .... Картинок-то всего три ... ) hd-tl_bg_124x184x8b.png hd-tr_bg_124x184x8b.png td_bg.png ... kozzporn, Quote (kozzporn) стой не понял а вот это где поменять Quote (kozzporn) <td class="mCenterTd"><img style="float:left;" src="http://likbezz.ru/_example/sites/_part1/seria-a/m1.png" width="279" height="184" /><img src="http://likbezz.ru/_example/sites/_part1/seria-a/m2.png" width="109" height="144" style="margin:20px 12px 7px auto;float:right;" /></td> .... Синяя - чувак, зелёная - банка ... ... |
|
[9] kozzporn [18.02.2011, 20:51] |
почему когда я меняю что то в верхней части через визуальный редактор то когда сохраняю мой сайт теряет форму и получается вот так жми....как исправить ? |
|
[10] likbezz [18.02.2011, 22:58] |
kozzporn, Quote (kozzporn) почему когда я меняю что то в верхней части через визуальный редактор то когда сохраняю мой сайт теряет форму - Потому что редактирование ШАБЛОНОВ через визуальный редактор - это почти преступление ... ヅ ... По любому - не самый лучший способ, хотя весёлый ... так как последствия всегда непредсказуемы ... ))) Quote (kozzporn) как исправить ? - Пользоваться им с величайшей осторожностью, а лучше - вообще не пользоваться, во всяком случае для таких ответственных вещей как шаблоны. ... |
|
[11] kozzporn [18.02.2011, 23:08] |
всё исправил ! пока всё ) хочу только меню сделать кнопками на верху между шапкой и страницой что вроде как у тебя...если будет время напишешь ) спс за всё ) и за ранее спс за будущею помощь )
Сообщение отредактировал kozzporn - Суббота, 19.02.2011, 15:17 |
|