Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Размещение ссылок на окружности (https://javascript.ru/forum/dom-window/44790-razmeshhenie-ssylok-na-okruzhnosti.html)

Сергей545 02.02.2014 10:17

Размещение ссылок на окружности
 
Вложений: 3
Здравствуйте товарищи!
Помогите пожалуйста, решить несведущему человеку следующий вопрос.
Необходимо разместить несколько ссылок по окружности. Пока получилось лишь размещение одной ссылки. При размещении ещё одной, следующая ссылка появляется на прямой строке, вместо размещения по окружности. Как разместить несколько ссылок.



<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title>Текст по окружности</title>
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
		<script type="text/javascript" src="jquery.lettering.js"></script>
		<script type="text/javascript" src="eliptext.js"></script>

		<script type="text/javascript">
			$(document).ready(function () {
			$('#curved2').elipText({radius: 155, dir:-1});
			});
		</script>		

		<style style="text/css">
* 
					{
					padding: 0;
					margin: 0;
					}
.content
					{
					margin:auto;
					/*text-align:center;*/
					padding: 50px;
					}
span
					{
					font: 24px/1.4 georgia, arial;
					letter-spacing: 0;
					}

#curved2 
				{
				position: absolute;
				left: 60%;
				top:50%;
				}
		</style>
			
</head>
	 
<body>
	<div class="content">                 
		<a href="http://media-mera.ru"><span id="curved2">media-mera.ru</span> </a>
             
	</div>
   	
</body>
</html>



Во вложении прикрепил получившийся результат и библиотеки.

ksa 02.02.2014 10:25

Цитата:

Сообщение от Сергей545
Необходимо разместить несколько ссылок по окружности.

На картинке у тебя текст по окружности...
http://ruseller.com/lessons.php?rub=2&id=1489
http://webformyself.com/animaciya-pu...omoshhyu-css3/

Сергей545 02.02.2014 10:30

Да, я почти так и реализовал. Но как обеспечить несколько разных работоспособных ссылок на одной окружности. Обычное добавление в div ещё одной ссылки даёт мягко говоря не тот результат, какой хотелось бы.

ksa 02.02.2014 10:40

Цитата:

Сообщение от Сергей545
Но как обеспечить несколько разных работоспособных ссылок на одной окружности.

А это уже стоит денег... ;)

Сергей545 02.02.2014 10:48

Ладно, спасибо большое. Буду разбираться.


Часовой пояс GMT +3, время: 02:35.