Jump to content
  • 0

Вопросы чайника. Периодически будут пополняться


Ichwill
 Share

Question

Здравствуйте!

 

Народ, кто соображает и кому не трудно, подскажите, пожалуйста, как правильно всё сделать. :)

 

Я начал делать себе сайт, состоящий из 3-5 страниц (пока ещё не понял сколько точно будет). В сайтостроении я чайник, в школе только было несколько уроков Html и всё. Начал делать в Adobe dreamweaver. Пробовал в Kompozere, но мне что-то не понравилось, мож я и не прав. Ну да ладно. В общем, сделал я начальное оформление (табличка со столбцами, чтобы разобраться что за чем идёт).

 

Вопрос 1:

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

 

Это единственный сложный момент, по ходу дела.

Edited by Ichwill
Link to comment
Share on other sites

Recommended Posts

  • 0

Veseloff, ты даже не знаешь зачем мне это надо.)))

 

Собственно, ещё один вопрос - можно ли в Adobe dreamweaver при создании сайта сделать так, чтобы вместо больших изображений были видны превьюшки, при нажатии на которые открывалось полноразмерное изображение? Может модуль какой-то подключить можно или что-то подобное?

Edited by Ichwill
Link to comment
Share on other sites

  • 0

подскажите, пожалуйста, как перевести свой сайт с HTML и со своим дизайном на cms wordpress? Пробовал создавать свой шаблон и там редактировать содержимое, но у меня там есть и аякс, и пагинация, и свои картинки... Сайт состоит всего из одной страницы...

Link to comment
Share on other sites

  • 0

подскажите, пожалуйста, как перевести свой сайт с HTML и со своим дизайном на cms wordpress? Пробовал создавать свой шаблон и там редактировать содержимое, но у меня там есть и аякс, и пагинация, и свои картинки... Сайт состоит всего из одной страницы...

http://webformyself.com/minikurs/

Вам нужны шаги 7 8 9

после курса уже сами информацию добывайте, ее полно в сети.

Link to comment
Share on other sites

  • 0

 

подскажите, пожалуйста, как перевести свой сайт с HTML и со своим дизайном на cms wordpress? Пробовал создавать свой шаблон и там редактировать содержимое, но у меня там есть и аякс, и пагинация, и свои картинки... Сайт состоит всего из одной страницы...

http://webformyself.com/minikurs/

Вам нужны шаги 7 8 9

после курса уже сами информацию добывайте, ее полно в сети.

 

спасибо! Буду смотреть!

Link to comment
Share on other sites

  • 0

5a8057112128.jpg

ребят, помогите сделать такое меню.

Интересует следующее:

1. Как сделать такие девайдеры слева и справа нидписей пробовал background:url(../image/divider.png) right  top no-repeat но они естестенно получаются но для home чтобы он был слева никак не могу придумать.

2. Одинаковое расстояние между девайдерами независимое от количества букв, например колонка services у меня получается длиннее всех остальных.

3. Как сделать, чтобы при выборе активный пункт меню был таким же как на картинке.

Заранее спасибо...

Link to comment
Share on other sites

  • 0

5a8057112128.jpg

ребят, помогите сделать такое меню.

Интересует следующее:

1. Как сделать такие девайдеры слева и справа нидписей пробовал background:url(../image/divider.png) right  top no-repeat но они естестенно получаются но для home чтобы он был слева никак не могу придумать.

2. Одинаковое расстояние между девайдерами независимое от количества букв, например колонка services у меня получается длиннее всех остальных.

3. Как сделать, чтобы при выборе активный пункт меню был таким же как на картинке.

Заранее спасибо...

 

1. Обычный border слева и справа.

2. Задать всем пунктам одинаковую ширину, очевидно же.

3. Повесить нужные стили на :hover/:active.

 

Всё примерно так: http://jsfiddle.net/hypnocolor/qqt6w0t6/

Link to comment
Share on other sites

  • 0

Не нужна вам — может понадобиться другим (см. заголовок), кто случайно найдет ее поиском.

Как бы парень правильно написал, зачем плодить лишние темы по пустяковым вопросам.

hypnocolor спасибо огромное за помощь!

Edited by Rockstar
Link to comment
Share on other sites

  • 0

hypnocolor

при наведении только работает подсветка меню, а как сделать так, ну при нахождении, например на странице about, она сохраняла свой цвет как при наведении?

Edited by Rockstar
Link to comment
Share on other sites

  • 0

hypnocolor

при наведении только работает подсветка меню, а как сделать так, ну при нахождении, например на странице about, она сохраняла свой цвет как при наведении?

 

Сделайте класс для активного пункта меню и вешайте его на нужном пункте в соответствующей странице — http://jsfiddle.net/hypnocolor/qqt6w0t6/3/

Edited by hypnocolor
Link to comment
Share on other sites

  • 0
<!Doctipe><html><head><style>#nav ul {      margin: 0px;	      padding: 0px;	      list-style:none;	      width:200px;	}	#nav  ul li {	  position: relative;	  border-bottom:1px solid #ccc;	}	#nav li ul {	  position: absolute;	  left: 200px;	  top: 0;	  display: none;	}	#nav ul li a {	  display: block;	  text-decoration: none;	  color: #777;	  background: #fff;	  padding: 5px;	}		#nav  li:hover ul { display: block; }	#nav li:hover  a {	  color:#FFFFFF;	  background:  url(img/fone-tr.png);	}	#nav  li:hover ul { display: block; }	#nav  li:hover ul a:hover {     background-color:#cccccc;	  background-image:none;	  color:#FFFFFF;	}	<script  type="text/javascript">	jsHover = function() {	 	    var hEls =  document.getElementById("nav").getElementsByTagName("LI");	 	    for (var i=0, len=hEls.length; i<len;  i++) {	 	        hEls[i].onmouseover=function() {  this.className+=" jshover"; }	        hEls[i].onmouseout=function() {  this.className=this.className.replace(" jshover", ""); }	    }	}	 	if (window.attachEvent &&  navigator.userAgent.indexOf("Opera")==-1)  window.attachEvent("onload", jsHover);	</script>	#nav li:hover ul, #nav li.jshover ul { … }#nav li:hover  a, #nav li.jshover a {… }#nav li:hover ul a:hover, #nav li.jshover ul a:hover {… }</style></haed><body><div id="nav">	<ul>	<li><a href="#">Прайс</a></li>	<li><a href="#">Меню1</a>	   <ul>	   <li><a  href="#">1</a></li>	   <li><a  href="#">2</a></li>	   <li><a  href="#">3</a></li>	   <li><a  href="#">4</a></li>	   </ul>	</li>	<li><a href="#">Меню 2</a>	   <ul>	   <li><a  href="#">1</a> </li>	   <li><a  href="#">2</a></li>   <li><a  href="#">3</a></li>	   <li><a  href="#">4</a></li>   </ul>	</li>	<li><a href="#">1234</a> </li>	</ul>   	</div> <body></html>

Вот держи пример красивого меню

Edited by Mestniy96
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy