Фильтр по:
  

Как сделать?

Если вы пришли за помощью, то Вам сюда...

  • Страница 1 из 1
  • 1
Модератор форума: Admin, Cибиря4ка, Komoff, Diana  
Скрипты и коды для юкоз - Форум аццкого кодера » Раздел для начинающих » Если вы пришли за помощью, то Вам сюда... » Как сделать? (Извините меня за мою тупость))
Как сделать?
Дата: Четверг, 08.08.2013, 13:01 |
Gold-Stone
Сержант
Группа: Проверенные
Сообщений: 20
Награды: 0
Репутация: 0
Статус: Offline


 Хочу оформить свой фан сайт, в таком стиле:

Станица сайта (страница для авторизованных)

Код главной страницы страницы:

Код

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link rel="stylesheet" type="text/css" href="/images/style.css?v=39"/>

<style type="text/css">
.flhdr, a.flhdr {position:relative;display:block;}
a.flhdr img {margin-right: 5px;}
</style>

<title>Варвары</title>
</head>
<body>
<div class="main">

<div>
<div>
<table style="width:100%">
<tbody>
<tr>
<td valign="top" align="left">

<img width="12" height="12" src="http://static.barbars.ru/images/icons/life.png" alt="" border="0"/><span>2427</span>
<img width="12" height="12" src="http://static.barbars.ru/images/icons/energy.png" alt="" border="0"/><span>1245</span>

</td>
<td valign="top" align="right">

</td>
</tr>
</tbody>
</table>
</div>

</div>
<div>
<h1 class="">Варвары</h1>
<div style="background:#666666;height:1px;width:100%;padding:0;margin:6px 0;">
<div style="background:#FFDF8C; height:1px; width:91%;"></div>
</div>
</div>

<div>

</div>

<div>

</div>
<div>

</div>
<div>

</div>

<div>

</div>

<div>

<div style="padding:0 0 1px 1px;">
<img src="http://static.barbars.ru/images/logo_120x160.png" alt="" border="0"/>
</div>

<div>

</div>
<!--
<wicket:enclosure child="trainingLink">
<div class="hr"/>
<a class="info" wicket:id="trainingLink">Тренировка</a><br/>
<div class="hr"/>
</wicket:enclosure>
-->

<div class="hr"></div>
<img class="internalIcon" alt="" border="0" src="http://static.barbars.ru/images/icons/strength.png"/> <a href="book">Наставник</a><br/>
<div class="hr"></div>

<h2>Сражения</h2>

<img class="internalIcon" alt="" border="0" src="http://static.barbars.ru/images/icons/duel.png"/> <a href="game/towers">Башни</a><br/>
<img class="internalIcon" alt="" border="0" src="http://static.barbars.ru/images/icons/duel.png"/> <a href="game/arena">Арена</a><span><span class="info small"> (+)</span></span><br/>
<img class="internalIcon" alt="" border="0" src="http://static.barbars.ru/images/icons/duel.png"/> <a href="castles">Замки</a><br/>

<img class="internalIcon" alt="" border="0" src="http://static.barbars.ru/images/icons/duel.png"/> <a href="game/bg">Поля сражений</a><br/>

<img class="internalIcon" alt="" border="0" src="http://static.barbars.ru/images/icons/dragon.png"/> <a href="game/dungeons">Пещеры и драконы</a><span><span class="info small"> (+)</span></span><br/>

<img class="internalIcon" alt="" border="0" src="http://static.barbars.ru/images/icons/duel.png"/> <a href="journey">Поход</a> <br/>
<h2>Торговля</h2>

<img class="internalIcon" alt="" border="0" src="http://static.barbars.ru/images/icons/money_gold.png"/> <a href="payment/base">Купить золото</a><br/>
<img class="internalIcon" alt="" border="0" src="http://static.barbars.ru/images/icons/bottle.png"/> <a href="trade/auctions">Аукционы</a><br/>
<img class="internalIcon" alt="" border="0" src="http://static.barbars.ru/images/icons/clothes.png"/> <a href="trade">Магазины</a><br/>
<img class="internalIcon" alt="" border="0" src="http://static.barbars.ru/images/icons/clothes.png"/> <a href="trade/professions">Профессии</a><br/>
<img class="internalIcon" alt="" border="0" src="http://static.barbars.ru/images/icons/clothes.png"/> <a href="trade/well">Колодец удачи</a><br/>
<img class="internalIcon" alt="" border="0" src="http://static.barbars.ru/images/icons/clothes.png"/> <a href="trade/masters">Лавка мастеров</a><span class="info small"> (+)</span><br/>
<!--
<h2>Общение</h2>
<ul>
<li><a wicket:id="newsLink">Новости</a></li>
<li><a wicket:id="forumLink">Форум</a></li>
<li><a wicket:id="onlineLink">Кто онлайн</a></li>
</ul>
-->
<h2>Рейтинги</h2>
<ul>
<li><img class="internalIcon" alt="" border="0" src="http://static.barbars.ru/images/icons/shield.png"/> <a href="rating/stats">Снаряжение</a></li>
<li><img class="internalIcon" alt="" border="0" src="http://static.barbars.ru/images/icons/shield.png"/> <a href="rating/achievements">Достижения</a></li>
<li><img class="internalIcon" alt="" border="0" src="http://static.barbars.ru/images/icons/shield.png"/> <a href="rating/guild">Кланы и Альянсы</a></li>
</ul>

</div>
<div style="padding-top:4px">

<div class="hr"></div>

<img width="12" height="12" src="/images/icons/arrow.png" alt=""/> <a href="user">Мой герой</a> <br/>
<img width="12" height="12" src="/images/icons/arrow.png" alt=""/> <a href="guild/9126">Мой клан</a><br/>
<img width="12" height="12" src="/images/icons/arrow.png" alt=""/> <a href="./"><span>На главную</span></a>

<div class="hr" style="border-bottom-style:solid;"></div>

<div class="footer">
<div>

<div>
<a class="m5" href="forum/main">Форум</a>
<a class="m5" href="guild/chat">Чат</a>
<a class="m5" href="forum/subforum/0/1">Новости</a>
</div>
<div style="margin-top: 15px"></div>

<div class="small minor">
<a href="/forum/topic/id/859246/">Об игре</a>
| <a href="/users/online">Онлайн</a>: <span>10420</span> | <a href="?wicket:bookmarkablePage=:com.overmobile.combats.wicket.pages.HomePage&wicket:interface=:46:footerPanel:shortCuts:logoutLink::ILinkListener::">Выход</a>
</div>

</div>
<div style="margin-top:8px;">
<div class="small minor">

<a class="minor" href="support">Служба поддержки</a>
<br/><br/>

Добавь в закладки <a href="/"><span>barbars.ru</span></a><br/>

Варвары (c) 2013 <span>Overmobile</span>, 16+
<br/>
<span>
<a class="minor" href="http://igrotop.mobi/"><span>Другие игры</span></a>
</span>
| <a class="minor" href="help/0/contacts">Контакты</a>
</div>

</div>

<div class="small minor">
<span>
<span>0.002</span> сек, <span>12:32:27</span>
</span>
</div>

</div>
</div>
</div>
<script>
if( typeof(Storage)!=="undefined" ) {
sessionStorage.clear();
localStorage.clear();
}
</script>
</body>
</html>


Как мне зделать что то похожее, как не леплю, выходит Вот что...

Ну и вопрос как зделать что то подобное??



 
Дата: Пятница, 09.08.2013, 03:55 |
Чур
Лейтенант
Группа: Проверенные
Сообщений: 69
Награды: 0
Репутация: 1
Статус: Offline
Цитата (Gold-Stone, Чт, 08.08.2013, 12:01:56)
Как мне зделать что то похожее, как не леплю, выходит Вот что..

Смотри, чувак. Нужно сначала понять причину, где косяк. Но не жди, что тебе разжую готовое решение. Ты должен сам его найти, тогда немного подрастёшь. Я только путь подскажу.

Пункт 1.

Выстукивай на клавиатуре следующее: politicon1.at.ua
Кликай Enter
В верхней панели находишь WZR и кликаешь по нему (это визуальный редактор)
В открывшемся окне набирай несколько букв, абракадабру, и кликай на кнопке HTML (синенькая в верхнем ряду панели управления редактора, справа)
Откроется окно, там будут те буковки, которые ты набрал до этого. Удаляй их и вставляй туда код оригинальной страницы

Кликай Применить и смотри. Должна быть плохо отформатированная страница сайта оригинала.

Теперь будет сложней, вникай глубже и сначала дочитай до Пункт 2, а потом только шевели пальцами.

Если ты вставишь туда код той чужой страницы и просто кликнешь Применить, а потом ОК (без правок), то она появится на экране плохо отфарматированной, как ты это уже увидел. Но если ты перед тем, как кликнуть Применить и ОК добавишь в том коде к ссылке стиля CSS название того сайта (см. пример ниже), то страница появится точно такой, какой она выглядит на том сайте.

Пример правки ссылки стиля КСС
Было:
Код
<link rel="stylesheet" type="text/css" href="/images/style.css?v=39"/>

Должно стать после твоего изменения:
Код
<link rel="stylesheet" type="text/css" href="http://barbars.ru/images/style.css?v=39"/>


Поехали дальше. Ты должен был это прочитать и только сейчас действовать пальчиками. Пришло время, действуй по прочитанному и пойдём дальше.

Пункт 2.

Это была только половина твоего пути в достижении первого уровня нирваны.

Теперь переходим на второй и последний уровень (почти нирвана smile ).
Снова открой то окошко HTML и удали оттуда всё к чертям собачим.
Удалил? Теперь вставляй другой код - код страницы своего сайта и сделай там одну вещь.

- Добавь перед закрывающим тегом /head стили с оригинальной страницы (ну той, с которой ты копию делаешь), вот эти стили:
Код
<style type="text/css">
body {margin: 0 auto;max-width: 480px;background-color: #111;font-size: medium;}
table {font-size: medium;}
div.main {background-color: #333;border: 1px solid #666;padding: 2px;}
div.footer {text-align:center;margin-top:6px;}
h1{font-size:120%;font-weight:normal;color:#FFFFFF;padding:0;}
h2{font-size: 105%;font-weight:normal;color:#FFFFFF;}
</style>


Кликай на Применить и ОК

Теперь должно быть очень похоже на то, как на оригинальной странице, которую ты копировал. Там только нужно будет отценровать всё, но это уже дело техники и уверен, ты сам с этим справишься.

Главное, мы экспериментальным путём нашли причину косяка и научились пользоваться WZR от Politicon.

Удачи.

 
Дата: Понедельник, 12.08.2013, 19:41 |
Gold-Stone
Сержант
Группа: Проверенные
Сообщений: 20
Награды: 0
Репутация: 0
Статус: Offline


 Спасибо чур;-)
А как быть с CSS на моем сайте удалить?

 
Дата: Вторник, 20.08.2013, 03:43 |
Группа: Гости
Цитата (Gold-Stone)
А как быть с CSS на моем сайте удалить?

Нет. Если кажется, что оно лишнее, нужно проверить. Как? Так:

Наверняка известно, что в html коде есть такое
Код
<!--- текст --->


А в CSS эту фуекцию выполняет такое
Код
/* текст */


Попробовав закрыть небольшую часть CSS можно понять влияние этой закрытой части на страницы сайта. Если нет влияния, закрыть следующую часть. И т.д. Если негативное влияние появится, открыть немного назад. И т.д.

Есть программы для этих целей, есть онлайн сервисы, есть учебники по CSS. Но то для знаний. А тут другое. Даже если прога или сервис по CSS скажет, что такая то часть кода лишняя, будет глупо её удалять сразу. Улетит, не воротишь. Вдруг ошибка. Поэтому лучше немного поэксперементировать с закрытием (заодно и понимание какое появится).

 
Скрипты и коды для юкоз - Форум аццкого кодера » Раздел для начинающих » Если вы пришли за помощью, то Вам сюда... » Как сделать? (Извините меня за мою тупость))
  • Страница 1 из 1
  • 1
Поиск:


Мобильная версия