Problema ''butoane" meniu lateral

Cum pot face ca aceste butoane sa mearga in partea stanga langa margine si sa mearga in jos cand ma duc in josul paginii? https://2img.net/r/ihimg/photo/my-images/856/portal12.png/

Titlu editat

Incearca acu am uitat ceva :

Cod:

</a><div <div align="center"><div style="margin:auto;text-align:center;width:100%"></div><div style="margin:auto;text-align:center;width:100%">





<style type="text/css">
/* Circle Text Styles */
#outerCircleText {
/* Optional - DO NOT SET FONT-SIZE HERE, SET IT IN THE script */
font-style: italic;
font-weight: bold;
font-family: 'comic sans ms', verdana, arial;
color: #PLACE YOUR COLOR HERE;
/* End Optional */

/* Start Required - Do Not Edit */
position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
/* End Required */
/* End Circle Text Styles */
</style>
<script type="text/javascript">



////////////////////// Stop Editing //////////////////////

if (!window.addEventListener && !window.attachEvent || !document.createElement) return;

msg = msg.split('');
var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,
ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
o = document.createElement('div'), oi = document.createElement('div'),
b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement : document.body,

mouse = function(e){
 e = e || window.event;
 ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
 xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
},

makecircle = function(){ // rotation/positioning
 if(init.nopy){
  o.style.top = (b || document.body).scrollTop + 'px';
  o.style.left = (b || document.body).scrollLeft + 'px';
 };
 currStep -= rotation;
 for (var d, i = n; i > -1; --i){ // makes the circle
  d = document.getElementById('iemsg' + i).style;
  d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) + 'px';
  d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
 };
},

drag = function(){ // makes the resistance
 y[0] = Y[0] += (ymouse - Y[0]) * speed;
 x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
 for (var i = n; i > 0; --i){
  y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
  x[i] = X[i] += (x[i-1] - X[i]) * speed;
 };
 makecircle();
},

init = function(){ // appends message divs, & sets initial values for positioning arrays
 if(!isNaN(window.pageYOffset)){
  ymouse += window.pageYOffset;
  xmouse += window.pageXOffset;
 } else init.nopy = true;
 for (var d, i = n; i > -1; --i){
  d = document.createElement('div'); d.id = 'iemsg' + i;
  d.style.height = d.style.width = a + 'px';
  d.appendChild(document.createTextNode(msg[i]));
  oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
 };
 o.appendChild(oi); document.body.appendChild(o);
 setInterval(drag, 25);
},

ascroll = function(){
 ymouse += window.pageYOffset;
 xmouse += window.pageXOffset;
 window.removeEventListener('scroll', ascroll, false);
};

o.id = 'outerCircleText'; o.style.fontSize = size + 'px';

if (window.addEventListener){
 window.addEventListener('load', init, false);
 document.addEventListener('mouseover', mouse, false);
 document.addEventListener('mousemove', mouse, false);
  if (/Apple/.test(navigator.vendor))
  window.addEventListener('scroll', ascroll, false);
}
else if (window.attachEvent){
 window.attachEvent('onload', init);
 document.attachEvent('onmousemove', mouse);
};

})();

</script>

<ul class="meniuvert">
<li><a href="http://www.facebook.com/pages/Play-Hs/292644427415966?sk=wall"><img src="http://i1232.photobucket.com/albums/ff378/MultiCrayziKid/1650362928.png" border="0"/>
</a></li>
  <li><a href="http://twitter.com/"><img src="http://i1232.photobucket.com/albums/ff378/MultiCrayziKid/989166434.png" border="0"/>
</a></li>

<li><a href="http://www.youtube.com/"><img src="http://i1232.photobucket.com/albums/ff378/MultiCrayziKid/504413181286378944.png" border="0"/>
</a></li>
<li><a href="http://play-hs.forumz.ro/h6-photoshop"><img src="http://i1232.photobucket.com/albums/ff378/MultiCrayziKid/1231441253.png" border="0"/>
</a></li>

</ul>
 
<a style="display: scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Return"><img src="http://i1232.photobucket.com/albums/ff378/MultiCrayziKid/Untitled-1-5.png" /></a></div>


unde il pun si trebe sa modific ceva in el?

nu cred ca ai iteles sa iti explic.....deci https://2img.net/r/ihimg/photo/my-images/18/portal12.png/ o poza.


Deci la 1 din imagine as vrea ca acelea sa mearga in partea stanga[dreapta(unde se poate)]
Iar la 2 cand dai in josul paginii sa mearga si acele imagini cu pagina in jos.

Apropo versiune este phpBB3 daca e nevoie

inca astept raspunsuri

Te pot ajuta eu iti voi da alte butoane cu un effect de rotire care sunt asezate in partea dreapta

Acest cod se pune in CSS

Cod:

/*CSS*/
.designART-sexy-rotate-social_pages-position {
position: fixed;
left: 1175px;
top: 180px;
}

ul.designART-sexy-rotate-social_pages-list {
        list-style: none;
}

.designART-sexy-rotate-social_pages {
        padding: 5px;
        width: 32px;
        height : 32px;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
 
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
 
  overflow:hidden;

  } 

.designART-sexy-rotate-social_pages:hover {
        margin: 0 0 0 5px;
  -webkit-transform:rotate(360deg) scale(1.5) translate(10px);
  -moz-transform:rotate(360deg) scale(1.5) translate(10px);
  -o-transform:rotate(360deg) scale(1.5) translate(10px);
}  e(10px);


Acest Cod se pune in Generalitati

Cod:

<div style="position: fixed; right: 1px; bottom: 1px; z-index: 4"><img src="http://img90.imageshack.us/img90/2278/birdsign.png" /></div><div class="designART-sexy-rotate-social_pages-position">
<ul class="designART-sexy-rotate-social_pages-list">
<li>
<a href="http://internetservices.forumz.ro/feed/"><img src="http://icons.iconarchive.com/icons/tatice/cristal-intense/48/RSS-icon.png" class="designART-sexy-rotate-social_pages"></a>
</li>
<li>
<a href="http://www.facebook.com/pages/Internet-Services/200886113296451"><img src="http://icons.iconarchive.com/icons/fasticon/web-2/48/FaceBook-icon.png" class="designART-sexy-rotate-social_pages"></a>
</li>
<li>
<a href="http://digg.com/news/technology/internet_services_portal"><img src="http://icons.iconarchive.com/icons/artbees/social-networks-pro/48/Digg-icon.png" class="designART-sexy-rotate-social_pages"></a>
</li>
<li>
<a href="http://www.youtube.com/user/InternetServicesIS?feature=mhee"><img src="http://icons.iconarchive.com/icons/fasticon/iphone-style-social/48/Youtube-icon.png" class="designART-sexy-rotate-social_pages"></a>
</li>
</ul>
</div>


Multumesc:X Mult :X

mersi rezolvat.

BirdPhonix, aveti o grava problema privind alegerea titlurilor topicurilor, va rog sa vizitati regulamentul general al forumului pentru maimulte informatii. Multumesc!