Temos pavadinimas: WordPress, Shopify ir PHPFusion programuotojų bendruomenė :: Ajax nario info panelė

Parašė luxury· 2013 Gru. 14 13:12:57
#1

Turiu štai tokią problemą


Kaip padaryti šią panelę per vidurį?

Ačiū

Štai kodas

<?php

////////////////////////////

//Kure: klimiux //

// skype- klimiux  //

// el.pastas- klimiux@gmail.com  // 

// web- www.karstas.lt   //   

/////////////////////////

if (!defined("IN_FUSION")) { header("Location:../../index.php"); exit; }

include INFUSIONS."ajaxuser_info_panel/locale/".$settings['locale'].".php";

echo"<script src='".INFUSIONS."ajaxuser_info_panel/js/jquery-1.5.1.min.js'></script>";

echo"<script src='".INFUSIONS."ajaxuser_info_panel/js/jquery.easing.1.3.js'></script>";

echo"<script type=\"text/javascript\" src='".INFUSIONS."ajaxuser_info_panel/menu.js'></script>";

echo"<style>

.fonas, .fonas li ul{

list-style-type: none;

margin: 0;

padding: 0;

width: 185px;

border: 1px solid black;

}

.fonas li{

position: relative;

}

.fonas li a{

background: white url(".INFUSIONS."ajaxuser_info_panel/paveiksleliai/fonas.gif) repeat-x bottom left;

font: bold 12px Verdana, Helvetica, sans-serif;

color: white;

display: block;

width: auto;

padding: 5px 0;

padding-left: 10px;

text-decoration: none;

}

.fonas li ul{

position: absolute;

width: 190px;

left: 0;

top: 0;

display: none;

}

.fonas li ul li{

float: left;

}

.fonas li ul a{

width: 180px;

}

.fonas li a:visited, .fonas li a:active{

color: white;

}

.fonas li a:hover{

background-image: url(".INFUSIONS."ajaxuser_info_panel/paveiksleliai/fonas2.gif);

}

.Afonas, .Afonas li ul{

list-style-type: none;

margin: 0;

padding: 0;

width: 185px;

border: 1px solid black;

}

.Afonas li{

position: relative;

}

.Afonas li a{

background: white url(".INFUSIONS."ajaxuser_info_panel/paveiksleliai/fonas3.gif) repeat-x bottom left;

font: bold 12px Verdana, Helvetica, sans-serif;

color: white;

display: block;

width: auto;

padding: 5px 0;

padding-left: 10px;

text-decoration: none;

}

.Afonas li ul{

position: absolute;

width: 190px;

left: 0;

top: 0;

display: none;

}

.Afonas li ul li{

float: left;

}

.Afonas li ul a{

width: 180px;

}

.Afonas li a:visited, .Afonas li a:active{

color: white;

}

.Afonas li a:hover{

background-image: url(".INFUSIONS."ajaxuser_info_panel/paveiksleliai/fonas4.gif);

}

.avataras {

   width:100px;

   height:100px;   

   border:0px solid #222;   

   margin:5px 5px 5px 0;

   overflow:hidden;

   position:relative;

   float:center;

   cursor:hand; cursor:pointer;

}

   .avataras img {

      border:0;

      position:absolute;

      z-index:200;

   }

   .avataras .remialis {

      position:absolute;

      z-index:0;   

      color:#ccc;

      display:block;

   }

      .avataras .remialis h4 {

         font-size:12px;

         padding:10px 5px 0 8px;

         margin:0;

         color:#369ead;

      }

      .avataras .remialis p {

         font-size:10px;   

         padding:3px 5px 0 8px;

         margin:0;

      }

.topLeft, .topRight, .bottomLeft, .bottomRight {

   position:absolute;

   background-repeat: no-repeat;

   float:left;

}

.topLeft {

   background-position: top left;    

}

.topRight {

   background-position: top right;

}

.bottomLeft {

   background-position: bottom left;

}

.bottomRight {

   background-position: bottom right;

}

.clear {

   clear:both;   

}

</style>";

if (iMEMBER) {

openside($userdata['user_name']);

$msg_count = dbcount("(message_id)", DB_MESSAGES, "message_to='".$userdata['user_id']."' AND message_read='0'AND message_folder='0'");

echo"<script>

$(document).ready(function() {

   var style_in = 'easeOutBounce';

   var style_out = 'jswing';

   var speed_in = 1000;

   var speed_out = 300;   

   var neg = Math.round($('.avataras').width() / 2) * (-1);   

   var pos = neg * (-1);   

   var out = pos * 2;

   

   $('.avataras').each(function () {

   

      url = $(this).find('a').attr('href');

      img = $(this).find('img').attr('src');

      alt = $(this).find('img').attr('img');

      

      $('img', this).remove();

      $(this).append('<div class=\"topLeft\"></div><div class=\"topRight\"></div><div class=\"bottomLeft\"></div><div class=\"bottomRight\"></div>');

      $(this).children('div').css('background-image','url('+ img + ')');



      $(this).find('div.topLeft').css({top:0, left:0, width:pos , height:pos});   

      $(this).find('div.topRight').css({top:0, left:pos, width:pos , height:pos});   

      $(this).find('div.bottomLeft').css({bottom:0, left:0, width:pos , height:pos});   

      $(this).find('div.bottomRight').css({bottom:0, left:pos, width:pos , height:pos});   

   }).hover(function () {

   

      $(this).find('div.topLeft').stop(false, true).animate({top:neg, left:neg}, {duration:speed_out, easing:style_out});   

      $(this).find('div.topRight').stop(false, true).animate({top:neg, left:out}, {duration:speed_out, easing:style_out});   

      $(this).find('div.bottomLeft').stop(false, true).animate({bottom:neg, left:neg}, {duration:speed_out, easing:style_out});   

      $(this).find('div.bottomRight').stop(false, true).animate({bottom:neg, left:out}, {duration:speed_out, easing:style_out});         

   },

   

   function () {



      $(this).find('div.topLeft').stop(false, true).animate({top:0, left:0}, {duration:speed_in, easing:style_in});   

      $(this).find('div.topRight').stop(false, true).animate({top:0, left:pos}, {duration:speed_in, easing:style_in});   

      $(this).find('div.bottomLeft').stop(false, true).animate({bottom:0, left:0}, {duration:speed_in, easing:style_in});   

      $(this).find('div.bottomRight').stop(false, true).animate({bottom:0, left:pos}, {duration:speed_in, easing:style_in});   

   }).click (function () {

      window.location = $(this).find('a').attr('href');   

   });

   

   



});



</script>";



if ($userdata['user_avatar'] != "") {

echo "<center><div class=\"avataras\" >

   <a href=\"edit_profile.php\"><img border='0'  src='".BASEDIR."images/avatars/".$userdata['user_avatar']."'></a>

   <span class=\"remialis\"><h4>".$userdata['user_name']."</h4><p>IP:".$userdata['user_ip']."</p><p>".$locale['ui06']." $msg_count ".$locale['ui07']."</p></span>

</div></center>\n";

} else {

echo "<center><div class=\"avataras\" >

   <a href=\"edit_profile.php\"><img border='0'  src='".INFUSIONS."ajaxuser_info_panel/paveiksleliai/noav.gif'></a>

   <span class=\"remialis\"><h4>".$userdata['user_name']."</h4><p>IP:".$userdata['user_ip']."</p><p>".$locale['ui06']." $msg_count ".$locale['ui07']."</p></span>

</div></center>\n";

}



if (iADMIN && (iUSER_RIGHTS != "" || iUSER_RIGHTS != "C")) {

echo "<ul id=\"Afonelis\" class=\"Afonas\">

<li><a href='".ADMIN."index.php".$aidlink."'>".$locale['ui01']."</a></li>

</ul>";

}

echo "<ul id=\"fonelis\" class=\"fonas\">

<li><a href='".BASEDIR."edit_profile.php'>".$locale['ui02']."</a></li>

<li><a href='".BASEDIR."messages.php'>".$locale['ui03']."</a></li>

<li><a href='".BASEDIR."members.php'>".$locale['ui04']."</a></li>

<li><a href='".BASEDIR."setuser.php?logout=yes'>".$locale['ui05']."</a></li>

</ul>";

} else {

openside($locale['global_100']);

echo"

<div>\n";

echo "<center><form name='loginform' method='post' action='".FUSION_SELF."'>\n";

echo $locale['global_101']."<br />\n<input type='text' name='user_name' class='textbox' style='width:100px' /><br />\n";

echo $locale['global_102']."<br />\n<input type='password' name='user_pass' class='textbox' style='width:100px' />

<br />\n";

echo "<input type='checkbox' name='remember_me' value='y' title='".$locale['global_103']."' style='vertical-align:middle;' />\n";

echo "<input type='submit' name='login' value='".$locale['global_104']."' class='button' /><br />\n";

echo "</form>\n<br />\n";

echo "<ul id=\"fonelis\" class=\"fonas\">

<li><a href='".BASEDIR."register.php'>".$locale['ui08']."</a></li>

<li><a href='".BASEDIR."lostpassword.php'>".$locale['ui09']."</a></li>

</ul></center>";

   echo"</div>\n";

}

closeside();

?>




Redagavo luxury· 2013 Gru. 14 14:12:01

Parašė lexin· 2013 Gru. 14 19:12:45
#2

susirask sita koda:


.fonas, .fonas li ul{
list-style-type: none;
margin: 0;
padding: 0;
width: 185px;
border: 1px solid black;
}


ir pakeisk i sita


.fonas, .fonas li ul{
list-style-type: none;
margin: 0 auto;
padding: 0;
width: 185px;
border: 1px solid black;
}