Advertisement
Guest User

AMP

a guest
Nov 20th, 2017
441
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.33 KB | None | 0 0
  1. ضع هذا بدلا من كود الصورة الاولى
  2.  
  3.  
  4. <amp-img src="رابط الصورة"
  5. width="750"
  6. height="462"
  7. layout="responsive"
  8. alt="هنا تضع عنوان لصورة"></amp-img>
  9.  
  10.  
  11. <style>
  12. .img-center{text-align:center;margin:0 auto;}
  13. .img-left{clear:left;float:left;margin-bottom:1em;margin-right:1em;text-align:center;}
  14. .img-right{clear:right;float:right;margin-bottom:1em;margin-left:1em;text-align:center;}
  15. </style>
  16.  
  17.  
  18.  
  19. ------------------------------------------------------------------
  20.  
  21. صورة في المنتصف
  22.  
  23.  
  24. <div class="img-center">
  25. <amp-img src="رابط الصورة"
  26. width="750"
  27. height="462"
  28. layout="responsive"
  29. alt="هنا تضع عنوان لصورة"></amp-img>
  30. </div>
  31.  
  32. ------------------------------------------------------------------
  33. الصورة على اليمين
  34.  
  35. <div class="img-right">
  36.  
  37. <amp-img src="رابط الصورة"
  38. width="750"
  39. height="462"
  40. layout="responsive"
  41. alt="هنا تضع عنوان لصورة"></amp-img>
  42. </div>
  43.  
  44.  
  45. ------------------------------------------------------------------
  46. الصورة على اليسار
  47. <div class="img-left">
  48. <amp-img src="رابط الصورة"
  49. width="750"
  50. height="462"
  51. layout="responsive"
  52. alt="هنا تضع عنوان لصورة"></amp-img>
  53.  
  54. </div>
  55.  
  56.  
  57. *****************************************************************************************
  58. <script async='async' custom-element='amp-youtube' src='https://cdn.ampproject.org/v0/amp-youtube-0.1.js'/>
  59. <script async='async' custom-element='amp-facebook' src='https://cdn.ampproject.org/v0/amp-facebook-0.1.js'/>
  60. <script async='async' custom-element='amp-twitter' src='https://cdn.ampproject.org/v0/amp-twitter-0.1.js'/>
  61.  
  62.  
  63.  
  64. ----يوتيوب------
  65. <amp-youtube
  66. data-videoid="XXXXXX"
  67. height="270"
  68. layout="responsive"
  69. width="480">
  70. </amp-youtube>
  71.  
  72.  
  73.  
  74. ----فيسبوك------
  75. <amp-facebook
  76. data-embed-as="video"
  77. data-href="https://www.facebook.com/lebbihi.dz/videos/1670328149667394/"
  78. height="315"
  79. width="560"
  80. layout="responsive">
  81. </amp-facebook>
  82.  
  83.  
  84. ----تويتر------
  85. <amp-twitter
  86. data-tweetid="XXXXXXXXXXXX"
  87. width="400"
  88. height="350"
  89. layout="responsive"
  90. data-cards="hidden">
  91. </amp-twitter>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement