نحوه تغییر مکان آیکون های تلگرام و اینیستاگرام

[pazel]

سلام دوستان
برای تغییر مکان آیکون های تلگرام و اینیستاگرام من در این کد باید کجا رو تغییر بدم تا در وسط صفحه قرار بگیرن
ما را دنبال کنید
[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]




<div class="clearbreak"></div>
</div>
<div class="col-right">
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="media/js/MetroJs.min.js"></script>
<script type="text/javascript">
//<![CDATA[
$.noConflict();
jQuery(document).ready(function($){
jQuery("#tile1").liveTile({
mode:'flip',
}
);
jQuery("#tile2").liveTile({
mode:'flip',
}
);
jQuery("#tile3").liveTile({
mode:'slide',
}
);
});//]]>
</script>
<link rel="stylesheet" href="media/js/MetroJs.css" type="text/css" />
<div class="tiles red">

<div id="tile2" class="live-tile blue" data-direction="horizontal" data-initdelay="2500" data-delay="5000">
<div class="front"><a href="https://www.instagram.com/lets__swim/"><img src="images/content/socials/in-front.png" alt="instagram" class="full"></a> </div>
<div class="back"><a href="https://www.instagram.com/lets__swim/"><img src="images/content/socials/in-back.png" alt="instagram" class="full"></a> </div>
</div>
<div id="tile3" class="live-tile myClass" data-swap="image" data-stops="100%" data-delay="5000">
<div class="front"><a href="https://telegram.me/letsSwim"><img src="images/content/socials/tel-front.png" alt="Telegram"></a> </div>
<div class="myClass"><a href="https://telegram.me/letsSwim"><img src="images/content/socials/tel-back.png" alt="Telegram"></a> </div>
</div>
</div>
</div>

[pazel]

<div class="clearbreak" style="text-align: center;"> </div>
</div>
<div class="col-right">
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="media/js/MetroJs.min.js"></script>
<script type="text/javascript">
//<![CDATA[
$.noConflict();
jQuery(document).ready(function($){
jQuery("#tile1").liveTile({
mode:'flip',
}
);
jQuery("#tile2").liveTile({
mode:'flip',
}
);
jQuery("#tile3").liveTile({
mode:'slide',
}
);
});//]]>
</script>
<link rel="stylesheet" href="media/js/MetroJs.css" type="text/css" />
<div class="tiles red">
<center>
<div id="tile2" class="live-tile blue" style="text-align: center;" data-direction="horizontal" data-initdelay="2500" data-delay="5000">
<div class="front"><a href="https://www.instagram.com/lets__swim/"><img src="images/content/socials/in-front.png" alt="instagram" class="full"></a> </div>
<div class="back"><a href="https://www.instagram.com/lets__swim/"><img src="images/content/socials/in-back.png" alt="instagram" class="full"></a> </div>
</div>
<div id="tile3" class="live-tile myClass" data-swap="image" data-stops="100%" data-delay="5000">
<div class="front" style="text-align: center;"><a href="https://telegram.me/letsSwim"><img src="images/content/socials/tel-front.png" alt="Telegram"></a> </div>
<div class="myClass"><a href="https://telegram.me/letsSwim"><img src="images/content/socials/tel-back.png" alt="Telegram"></a> </div>
</div>
</center>
</div>

</div>


این قطعه کد رو هم گذاشتم بازم تغییر نکرد

[مهدی.]

سلام

شما باید قالبتون رو اصلاح کنید! و در cssاینکار رو انجام بدید.

بهتر هستش که یک div ویژه اینکا ر تعریف کنید که در وسط صفحه دیده بشه و این قطع کد رو در اون قرار بدید!

موفق باشید