منتديات احباب الحسين عليه السلام - طريقة رائعة لمشاركة مواضيعك على Google / facebook / Twitter مثل شبكة الصاعقة

بسم الله الرحمن الرحيم

اليوم جايب لكم وحبيت انشر هل الطريقة

لمشاركة مواضيعك على

Google / facebook / Twitter

مثال مباشر

طريقة رائعة لمشاركة مواضيعك على Google / facebook / Twitter مثل شبكة الصاعقة

مثال صوري

http://upload.sa3eka.com/do.php?img=217

في البداية أنا مخلي ظهورها مقتصر ع المواضيع

ابحث ع القالب

SHOWTHREAD

إبحث عن

كود PHP:


		
			
$similarthreads

ألصق تحتها

ولا تنسى تغير رابط منتداكم

وتغير

كود PHP:


		
			
                       @sa3ekacom

لإسم حساب موقعك ع تويتر http://www.traidnt.net/vb/images/smilies/cupidarrow.gif

كود PHP:


		
			
<div class="article_share clearfix"> 
      <a href="https://plus.google.com/share?url=http://www.sa3eka.com/vb/showthread.php?$session[sessionurl]t=$threadid" class="google_share" title="Share on Google +" target="_blank" >Share on Google +</a> 
      <a href="http://twitter.com/home?status=http://www.sa3eka.com/vb/showthread.php?$session[sessionurl]t=$threadid  @sa3ekacom" class="twitter_share" title="Share on Twitter" target="_blank">Share on Twitter</a> 
      <a href=" https://www.facebook.com/sharer/sharer.php?u=http://www.sa3eka.com/vb/showthread.php?$session[sessionurl]t=$threadid" class="facebook_share" title="Share on Facebook" target="_blank">Share on Facebook</a> 
      <img alt="Sharek" class="sharek" src="images/sil3nt-share/sharek.png?1358931796" /> 
</div>

هذا لأصحاب vbseo

وشكل روابطكم مثل الصاعقة

كود PHP:


		
			
                       http://forum.sa3eka.com/soft131643.html

وتغير الروابط وتغير حساب التويتر

كود PHP:


		
			
<div class="article_share clearfix"> 
      <a href="https://plus.google.com/share?url=http://forum.sa3eka.com/soft$threadinfo[threadid].html" class="google_share" title="Share on Google +" target="_blank" >Share on Google +</a> 
      <a href="http://twitter.com/home?status=http://forum.sa3eka.com/soft$threadinfo[threadid].html  @sa3ekacom" class="twitter_share" title="Share on Twitter" target="_blank">Share on Twitter</a> 
      <a href=" https://www.facebook.com/sharer/sharer.php?u=http://forum.sa3eka.com/soft$threadinfo[threadid].html" class="facebook_share" title="Share on Facebook" target="_blank">Share on Facebook</a> 
      <img alt="Sharek" class="sharek" src="images/sil3nt-share/sharek.png?1358931796" /> 
</div>

وروح لتنسيق css
إلصق

كود PHP:


		
			
/* New share icons styles By SiL3NT H!LL SA3EKA.COM */ 
.article_share{ position:fixed; bottom:0;  padding:15px 0; padding-left:15px; left:30px; width:170px; 
    border-radius:5px 5px 0px 0px; -***kit-border-radius:5px 5px 0px 0px; -moz-border-radius:5px 5px 0px 0px; -o-border-radius:5px 5px 0px 0px; -khtml-border-radius:5px 5px 0px 0px; 
    -***kit-box-shadow: 0 0 12px #666;    -moz-box-shadow: 0 0 12px #666; box-shadow: 0 0 12px #666;    border: solid 2px #fff;    height:36px; background:#f2f2f1; 
    background-image: -***kit-linear-gradient(bottom, #ececec, #fff); 
    background-image: -moz-linear-gradient(bottom, #ececec, #fff); 
    background-image: -o-linear-gradient(bottom, #ececec, #fff); 
    background-image: -ms-linear-gradient(bottom, #ececec, #fff); 
    background-image: linear-gradient(to top, #ececec, #fff);} 

.article_share a{ width:40px; height:40px; display:block; ****-indent:-5000px; direction:rtl; background: url('images/sil3nt-share/akhbarak_share.png?1111111111') -1px -40px no-repeat; float:left; margin-right:5px;} 

.article_share a.google_share{} 
    .article_share a.google_share:hover{background-position:-1px 0px;} 
     
.article_share a.twitter_share{ background-position:-56px -40px;} 
    .article_share a.twitter_share:hover{background-position:-56px 0px;} 

.article_share a.facebook_share{ background-position:-107px -40px;} 
    .article_share a.facebook_share:hover{background-position:-107px 0px;} 

      

.article_share a.more_share{background-position:-160px -40px;} 
    .article_share a.more_share:hover{background-position:-160px 0px;} 
     
.article_share a{ width:40px; height:40px; float:left; margin-right:5px;} 
    .article_share a img:hover{ opacity:.8;} 
.article_share img.sharek{ position:relative; top:-17px; right:-2px;}

ارفع مجلد الصور المرفق في مجلد صورة المنتدى الأساسي images

وهنا مرفق أيضا الصور والكود

sil3nt-share تحميل ● مركز تحميل شبكة الصاعقة العربية

وانتهى بحمد الله

منقول

الملفات المرفقة http://www.traidnt.net/vb/images/attach/zip.gif sil3nt-share.zip (26.0 كيلوبايت