Сообщений в теме: 5

[Putnik]

Что мне надо я рассказывал в этой теме: http://forum.storela...<br /> <br /> Мне надо подогнать код (который мне подсказали добрые модераторы) вот под эти картинки:

Спортивное термобелье (кнопка): http://i57.fastpic.r...5fe09afae2c.png
Спортивное термобелье (картинка): http://i58.fastpic.r...78cc71cb0cc.png
Одежда для единоборств (кнопка): http://i57.fastpic.r...9b9322d9baf.png
Одежда для единоборств (картинка): http://i58.fastpic.r...155743fe1e1.png
Спортивная амуниция (кнопка): http://i59.fastpic.r...fc1f8df63ed.png
Спортивная амуниция (картинка): http://i57.fastpic.r...cf164d09fab.png

И чтобы при нажатии на каждую из кнопок открывалась страница определенной категории:
Спортивное термобелье: http://skin-sport.ru...log/Termobele-2
Одежда для единоборств: http://skin-sport.ru.../Edinoborstva-2
Спортивная амуниция: http://skin-sport.ru...og/Snaryazhenie

Заранее благодарю =)

[CrazyCat]

Добрый день!
В файле HTML вставляете в нужном месте

<a class="mainGrey" href="http://skin-sport.ru/catalog/Termobele-2"><span><img class="kat_btn" alt="" src="http://i57.fastpic.ru/big/2013/0919/2c/eb5c91d6ea80deaa48f995fe09afae2c.png" /></span><img class="pict" alt="Спортивное термобелье" src="http://i58.fastpic.ru/big/2013/0919/cc/4fa1b360d24bb2d9cd54778cc71cb0cc.png" /></a>
<a class="mainGrey" href="http://skin-sport.ru/catalog/Edinoborstva-2"><span><img class="kat_btn" alt="" src="http://i57.fastpic.ru/big/2013/0919/af/6d396fccad13aea14c5fe9b9322d9baf.png" /></span><img class="pict" alt="Одежда для единоборств" src="http://i58.fastpic.ru/big/2013/0919/e1/22a2937dd08ed9fe5229e155743fe1e1.png" /></a>
<a class="mainGrey" href="http://skin-sport.ru/catalog/Snaryazhenie"><span><img class="kat_btn" alt="" src="http://i59.fastpic.ru/big/2013/0919/ed/6a7c83390aa8fc8549e65fc1f8df63ed.png" /></span><img class="pict" alt="Спортивная амуниция" src="http://i57.fastpic.ru/big/2013/0919/ab/97e2a9dd375171c46c58fcf164d09fab.png" /></a>

В файле main.css добавьте

/*Блок категорий-картинок*/
.kat_btn{width:100%;}
.mainGrey, .mainGrey span{padding:10px;width:100%;margin:0 auto;float:left;text-align:center;color:black;font-size:20px;overflow:hidden;}
.mainGrey span{background:grey;}
.pict{display:none;}
.mainGrey:hover img{display:block;margin:0 auto }

[Putnik]

CrazyCat (19 Сентябрь 2013 - 10:03) писал:

Добрый день!
В файле HTML вставляете в нужном месте

<a class="mainGrey" href="http://skin-sport.ru/catalog/Termobele-2"><span><img class="kat_btn" alt="" src="http://i57.fastpic.ru/big/2013/0919/2c/eb5c91d6ea80deaa48f995fe09afae2c.png" /></span><img class="pict" alt="Спортивное термобелье" src="http://i58.fastpic.ru/big/2013/0919/cc/4fa1b360d24bb2d9cd54778cc71cb0cc.png" /></a>
<a class="mainGrey" href="http://skin-sport.ru/catalog/Edinoborstva-2"><span><img class="kat_btn" alt="" src="http://i57.fastpic.ru/big/2013/0919/af/6d396fccad13aea14c5fe9b9322d9baf.png" /></span><img class="pict" alt="Одежда для единоборств" src="http://i58.fastpic.ru/big/2013/0919/e1/22a2937dd08ed9fe5229e155743fe1e1.png" /></a>
<a class="mainGrey" href="http://skin-sport.ru/catalog/Snaryazhenie"><span><img class="kat_btn" alt="" src="http://i59.fastpic.ru/big/2013/0919/ed/6a7c83390aa8fc8549e65fc1f8df63ed.png" /></span><img class="pict" alt="Спортивная амуниция" src="http://i57.fastpic.ru/big/2013/0919/ab/97e2a9dd375171c46c58fcf164d09fab.png" /></a>

В файле main.css добавьте

/*Блок категорий-картинок*/
.kat_btn{width:100%;}
.mainGrey, .mainGrey span{padding:10px;width:100%;margin:0 auto;float:left;text-align:center;color:black;font-size:20px;overflow:hidden;}
.mainGrey span{background:grey;}
.pict{display:none;}
.mainGrey:hover img{display:block;margin:0 auto }

Если я хочу прямо под заголовком страницы - куда вставлять?)

[CrazyCat]

Сайт-Страницы-Добро пожаловать!
Вставьте этот код после заголовка:

<div class="htmlDataBlock">
<a class="mainGrey" href="http://skin-sport.ru/catalog/Termobele-2"><span><img class="kat_btn" alt="" src="http://i57.fastpic.ru/big/2013/0919/2c/eb5c91d6ea80deaa48f995fe09afae2c.png" /></span><img class="pict" alt="Спортивное термобелье" src="http://i58.fastpic.ru/big/2013/0919/cc/4fa1b360d24bb2d9cd54778cc71cb0cc.png" /></a>
<a class="mainGrey" href="http://skin-sport.ru/catalog/Edinoborstva-2"><span><img class="kat_btn" alt="" src="http://i57.fastpic.ru/big/2013/0919/af/6d396fccad13aea14c5fe9b9322d9baf.png" /></span><img class="pict" alt="Одежда для единоборств" src="http://i58.fastpic.ru/big/2013/0919/e1/22a2937dd08ed9fe5229e155743fe1e1.png" /></a>
<a class="mainGrey" href="http://skin-sport.ru/catalog/Snaryazhenie"><span><img class="kat_btn" alt="" src="http://i59.fastpic.ru/big/2013/0919/ed/6a7c83390aa8fc8549e65fc1f8df63ed.png" /></span><img class="pict" alt="Спортивная амуниция" src="http://i57.fastpic.ru/big/2013/0919/ab/97e2a9dd375171c46c58fcf164d09fab.png" /></a>
</div>

[Putnik]

CrazyCat (19 Сентябрь 2013 - 11:17) писал:

Сайт-Страницы-Добро пожаловать!
Вставьте этот код после заголовка:

<div class="htmlDataBlock">
<a class="mainGrey" href="http://skin-sport.ru/catalog/Termobele-2"><span><img class="kat_btn" alt="" src="http://i57.fastpic.ru/big/2013/0919/2c/eb5c91d6ea80deaa48f995fe09afae2c.png" /></span><img class="pict" alt="Спортивное термобелье" src="http://i58.fastpic.ru/big/2013/0919/cc/4fa1b360d24bb2d9cd54778cc71cb0cc.png" /></a>
<a class="mainGrey" href="http://skin-sport.ru/catalog/Edinoborstva-2"><span><img class="kat_btn" alt="" src="http://i57.fastpic.ru/big/2013/0919/af/6d396fccad13aea14c5fe9b9322d9baf.png" /></span><img class="pict" alt="Одежда для единоборств" src="http://i58.fastpic.ru/big/2013/0919/e1/22a2937dd08ed9fe5229e155743fe1e1.png" /></a>
<a class="mainGrey" href="http://skin-sport.ru/catalog/Snaryazhenie"><span><img class="kat_btn" alt="" src="http://i59.fastpic.ru/big/2013/0919/ed/6a7c83390aa8fc8549e65fc1f8df63ed.png" /></span><img class="pict" alt="Спортивная амуниция" src="http://i57.fastpic.ru/big/2013/0919/ab/97e2a9dd375171c46c58fcf164d09fab.png" /></a>
</div>

Спасибо! Все получилось!)
Но как сделать вместо серого фона под кнопками белый или прозрачный?

[Сake]

Для удаления серого фона вам необходимо в файле стилей main.css найти и удалить класс

.mainGrey span {
	background: grey;
}