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

[pazel 10]

سلام دوستان

برای تغییر مکان آیکون های تلگرام و اینیستاگرام من در این کد باید کجا رو تغییر بدم تا در وسط صفحه قرار بگیرن

ما را دنبال کنید

آموزش شنا توسط شیدا افشار

<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 10]

<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>

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