Как прописать ссылку к классу more-link

[bev11321]

Класс у кнопки "more" присвоен "more-link"...как я понял...

Как прописать в файле html в данном коде ссылку, чтобы "Далее" было кликабельным (переход на другую страницу)? Или это возможно только при помощи style.css?

 

Код:

​<li class="grid_3">						<a href="javascript:void(0);" class="hover_img">							<span class="img_bord"><img src="images/img_bord.png" /></span>							<img src="images/portfolio/6.jpg" alt="" />							<span class="portfolio_descr">								<p>Текст1</p>								<span>Текст2</span>								<span class="more_link" >Далее</span>							</span>						</a>					</li>

[rus]

как я понимаю, вам нужно что бы вот это: <span class="more_link" >Далее</span> было кликабельным?

опять же, включу телепатию и предположу что вам этого мало, нужно что бы еще и осуществлялся переход по заданному url?

два пути:

1)не изменяя html с помощью js делать переход на url по клику

2)изменить html на <a href...> и тупо указать url

второй вариант проще.

ах да, есть еще и третий - заплатить денег профи

[bev11321]

Удалите вопрос, если это в ваших силах?

[rus]

по какой причине если не секрет?

[bev11321]

Не по адресу обратился...Здесь все только профи, куда уж нам... с нашими знаниями...

[rus]

ошибаетесь, не только профи.

просто на этом форуме (да и пожалуй на большинстве других тоже) только помогают, а именно: дают совет, толчок в нужном направлении, иногда кусочком кода (не обязательно работающего, но дающего понимание и представление куда "копать"), но делать за вас вашу работу никто не будет, разве что альтруист..., ну или портфолио ради (если оно того стоит).

p.s. темы тут как правило не удаляют, но если очень хочется... то можно и удалить

[bev11321]

Вы имеете ввиду вот этот толчок: 

 

изменить html на <a href...> и тупо указать url

 

Интересно, где в этом коде html, чтобы его тупо заменить на <a href...> т.е. ссылку? Лично я вижу только js <a href="javascript:void(0);" class="hover_img">

 

Или вы имели ввиду под html, весь файл изменить...

 

Вот видите, если вы замечаете это, а я нет, то значит мне нужно искать тот форум, где мне пусть тупо, но покажут, то, что я не замечаю   

 

Удалите!

Edited November 28, 2014 by bev11321

[npofopr]

Дак вы везде один и тот же ответ получите. 

[rus]

в данном случае, по тому куску кода трудно судить что именно вам нужно, т.к. нет ни картинки, ни самого главного - сайта где происходит это действо.

так же не понятно какую ф-цию вызывает вот это событие: <a href="javascript:void(0);" class="hover_img">, но опять же, могу только предположить, т.к. часть кода что вы предоставили обернут в тег <a>, то при клике на эту область возможно происходит переход куда-то, по какому-то урл...

вот видите - одни догадки!

если нужно что бы при наведении на: <span class="more_link" >Далее</span> появлялась "рука" вместо обычного курсора, то в css нужно прописать:

.more_link {

cursor: pointer;

}

как нам вам помочь, если нет подробностей?

p.s. ну и на всякий случай - мы не получаем з/п за то что помогаем форумчанам - это все на добровольной основе.

[bev11321]

Какой именно код нужно показать, я тоже не могу догадываться, так как не силен в кодах и скриптах...Не говоря уж про файлы js. Могу только догадываться, что за стиль отвечает скорее всего этот код:

/* _________________ PORTFOLIO ________________ */.gallery-list li.grid_3 {	width:234px !important;	height:234px;}#slide4 ul{	margin-top:22px;	margin-bottom:-9px;	padding:0;	list-style-type:none;}#slide4 a.hover_img {	display:block;	overflow:hidden;	position:relative;	height:234px;	width:235px;	text-align:center;	background:url(../images/hover_img_bg.png) no-repeat left top;}#slide4 a.hover_img:hover {text-decoration:none;}#slide4 a.hover_img img {	border-radius:50%;	-webkit-border-radius:50%;}.portfolio_descr {	position: absolute;	z-index:2;	left: 0;	right: 0;	top: 0;	width: 100%;	height:100%;	padding:52px 0 10px;	text-align: center;	opacity:0;	filter: alpha(opacity=0);	transition: all 0.2s ease-in-out;	-webkit-transition: all 0.2s ease-in-out;}.portfolio_descr p {	display: block;	text-transform:none;	color: #b92706;	font-family: 'Lobster';	font-weight:400;	font-size: 22px;	line-height: 26px;	margin-bottom: 16px;	padding:0 0 3px 0;}.portfolio_descr span {	display:block;	margin: 0 0 21px 0;	padding:0 20px;	color: #858585;	font-size: 14px;	line-height: 20px;}span.more_link {	margin:0 auto;	margin-top:10px;	background:url(../images/more_link_bg.jpg) repeat-x;	border:1px solid #a51e00;	width:85px;	height:30px;	text-shadow:1px 2px 0 rgba(0,0,0,0.33);	font-family:'Lobster';	font-weight:400;	font-size:20px;	line-height:26px;	color:#fff;}span.more_link:hover {	text-decoration:none;	height:27px;	margin-top:24px;}a.hover_img:hover  .portfolio_descr{	opacity:1;	filter: alpha(opacity=100);}a.hover_img .img_bord {	position:absolute;	z-index:1;	width:215px;	height:215px;	top:10px;	left:10px;	margin:0 auto;	opacity:0;	filter: alpha(opacity=0);	transition: all 0.2s ease-in-out;	-webkit-transition: all 0.2s ease-in-out;}a.hover_img:hover .img_bord {	opacity:1;	filter: alpha(opacity=100);}/* ________________ //PORTFOLIO _______________ */

[rus]

ссылку на страницу дайте.

[bev11321]

Там найдете?  http://www.zdorovie-kama.ru/blog/shungit/

Edited November 28, 2014 by bev11321

[npofopr]

В <a href="javascript:void(0);" class="hover_img">

вместо javascript:void(0); вставьте вашу ссылку. Все должно работать.

[bev11321]

Спасибо большое...все получилось <a href="тут ссылка" class="hover_img"> Я тоже это место ковырял, но не правильно вставлял, я прописывал оконцовку так  <class="hover_img">. Спасибо еще раз! Респект, жалко, что не могу + ставить... 

Edited November 28, 2014 by bev11321

[rus]

я же это выше и писал: 2)изменить html на <a href...> и тупо указать url

[bev11321]

Ну значит извиняюсь, я же писал, что плохо в этом соображаю...Спасибо за помощь, а почему я не могу плюсы здесь ставить? Нажимаю нравится, а мне выдает, что на сегодня лимит у вас исчерпан...А, наверное, что прошлый раз не вышел под логином с форума...Вот не задача...Другой раз буду знать...

[rus]

нет, вам нужно набрать определенное кол-во сообщений (не помню точно сколько).

[bev11321]

Ясно...спасибо!

[bev11321]

У меня еще одна проблемка с кодом, но не помню просил я помощи на форуме или нет...Для этого наверное нужно создавать новую тему...Уже неделю мучаюсь с формой отправки...письма получаю, а отправитель не понимает отправил он или нет...окошко остается на месте...вроде бы спрашивал уже...Здесь есть функции просмотра своих вопросов или нет интересно...