تعريف الكاتب بالسايدبار - إمو التعليمية

الاثنين، 29 يناير 2018

الرئيسية إضافات بلوجر جافاسكريبت Javascript تعريف الكاتب بالسايدبار

تعريف الكاتب بالسايدبار

غير معرف يناير 29, 2018 إضافات بلوجر, جافاسكريبت Javascript,

لوحة تحكم بلوجر
إضافة أداة
HTML/Javascript
يمكنك المعاينه من هنا

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css"/><style>/*-------------------- font --------------------*/ @font-face { font-family: "Ta3alamFont"; font-weight: normal; font-style: normal; src: url(https://dl.dropboxusercontent.com/s/l0mqm6g2vwflxp2/Ta3alamFont.eot); src: url(https://dl.dropboxusercontent.com/s/l0mqm6g2vwflxp2/Ta3alamFont.eot?#iefix) format('embedded-opentype'), url(https://dl.dropboxusercontent.com/s/gjkkuvnfze5ii1l/Ta3alamFont.woff) format('woff'), url(https://dl.dropboxusercontent.com/s/mjj8mvkq7jgihhn/Ta3alamFont.ttf) format('truetype'); } /*-------------------- #font# --------------------*/ .admin{     width: 300px;     height: 480px;     background: #343434;     border: 1px solid #131313;     margin: -1px;     border-radius: 4px; } .cover{     height: 120px;     background: url(https://exporaa.com/wp-content/uploads/2017/06/Computing_programming_and_coding_in_schools-750x550.jpg) no-repeat;     border-bottom: 1px solid #868282;     background-size: 300px;     box-shadow: 0px -140px 310px -100px #000 inset; }  .profile{     width: 120px;     height: 120px;     background: url(http://lh3.googleusercontent.com/-UAKUI-c4w5Q/AAAAAAAAAAI/AAAAAAAAAws/FJ30_hddu5I/s150-c/photo.jpg) no-repeat;     border: 4px solid #fff;     margin: -100px auto 0px;     border-radius: 10px;     box-shadow: 0px 0px 15px -5px #000,0px 0px 60px -10px #000 inset;     background-size: 120px; } .form-info{     border-bottom: 1px solid #494949;     border-top: 1px solid #494949;     margin-top: 10px;     background: #2A2A2A; } .form-info ul{     margin: 0;     padding: 0px; } .form-info ul li{     display: block;     padding: 0px 25px;     margin: 2px 0px;     border-bottom: 1px solid #343434;     height: 30px; } .form-info ul li img{     display: block;     float: right;     padding: 5px;     height: 18px;     width: 18px; } .form-info ul li a{ display: block;     float: right;     height: 20px;     padding: 5px;     color: #9E9E9E; font-family:Ta3alamFont; } .form-info ul li a:hover{color:#fff;} .form-contact{     border-bottom: 1px solid #494949;     border-top: 1px solid #494949;     margin-top: 10px;     background: #2A2A2A; } .form-contact ul{     margin: 0;     padding: 0px; } .form-contact ul li{     display: block;     padding: 0px 25px;     margin: 2px 0px;     border-bottom: 1px solid #343434;     height: 30px; } .form-contact ul li img{     display: block;     float: right;     padding: 5px;     height: 18px;     width: 18px; } .form-contact ul li a{ display: block;     float: right;     height: 20px;     padding: 5px;     color: #9E9E9E; font-family:Ta3alamFont; } .form-contact ul li a:hover{color:#fff;} .form-socail{     text-align: center; } .form-socail i{ color: #9E9E9E;     font-size: 32px;     padding: 5px; } .form-socail i:hover{ color:#fff; } </style>  <div class="admin">  <div class="cover"></div><div class="profile"></div><div class="form-info"> <ul><li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOlE3qNxJtdJYpBvYvyE1FUVNJC5m5FGIwhcRRZeHdXq1i5tUKAIXizbk6IJQj9uYKe0_ZUpTonkRa3_GF1xHoANwziPzI9LvY68bPua4nzJQV8LCv07KSOhxzdZT_MOJAOVTiQl7rd11j/s1600-r/users81.png" /> <a href="https://www.facebook.com/tuh930m">الطيب حسن</a></li><li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilD7EVMmFmUSpypUmSHeoSqeHYZf-aNgIRBT2mBO0I3djDjJPviW-oArcEFdgKE4DBh-BSYMiOqo9xGDf9OMNw-L9vhed6mO15uZkl6xZCYR0O76ZzJqiWfnqBZTtDCkDf6Dfgy2PMTwHG/s1600-r/suitcase57.png" /> <a href="tuhfawebserv.blogspot.com"> مدون بمدونة تحفه</a></li><li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAjQb7jTIQ_bPhsl31BqE41JMCcBvqenJ394juJnbDw4EZyUJ7wBK8t1L-C3Zq5xgdTVRLY37n8YOA7mr2nUPkJK5fcI_hXzrw2TJ6HLjXKa6o1ixhrqkQec4NC8GWcji7b6_ARVMQxuc3/s1600-r/pin71.png" /><a href="https://ar.wikipedia.org/wiki/%D9%83%D9%88%D8%B3%D8%AA%D9%8A">كوستى- السودان</a></li><li style="border-bottom:none;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDOFu2s0WCGbJsigg-31YZsg7t772LYGq_ilA9gHfvWKnGQT17Aouhyphenhyphen4nDugOGit4DHQf7InQlbRUE6eg-yV5EUUW1aG9p3GVn1TzUdrOuvQa7wTgpyYPd9qgbtsZTXeHeUPrVf-OVvgnh/s1600-r/candles5.png" /> <a href="#">05 سبتمبر 1994</a></li></ul></div><div class="form-contact"> <ul><li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijsD9DOme7VbnzJLQbccgqVwjK9DpVuXjSI48sR7x_zRuT17ZtKdOlKCSWfu35LAEmr6k3AneJewITQGnBSY4zhDMJnJnDY4Xg5YE647UkQSgnIfFO65yE19rEpId81DdggAT-Qc6a028A/s1600-r/symbol20.png" /> <a href="#">ضع إيميلك هنا</a></li><li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEishAbE5bb-SMepIr_tOr_YxFmWXz4Psy9It1ZtUKETOEL2cGtSbiB3pGnvU5hwBMkJUk3rOzSzRpGoWaI_Eahz4Or-EvwoFHtGyB536R9odC-iWN_18ew5-07pH44Hz227M2mjmh3LdQeq/s1600-r/connection27.png" /> <a href="#">www.###.com</a></li><li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-9EfB-Pd9_VLRLoWl0cRzpjnAiFY8vv5gatPd2KWmR4rIb_HlQxnI6NZD65PZ0CXhMHio89LDecrvQqNawEmwGjZ5fybDxw0NE32WSlNRbQkIG7g7SWOjyZJcblV2kHOtxpkSmFRVngsp/s1600-r/black218.png" /> <a href="#">boite postal : 469 , 92000</a></li><li style="border-bottom:none;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRKtbYEWaIijqSuRYWiqsMtvtyh5ANpJYVSDgt4obHycawImfu3T5hu2wTcq0F0Kg-qNlId9q1RG5B7TN3f7RDNpNknr9gTg0GWxnwVGyv3jFp2LfiFI2cial1wFSWATVoYxSHk2M2C_gN/s1600-r/phone+call41.png" /> <a href="#">0600000000</a></li></ul></div><div class="form-socail">  <a href="#"><i class="fa fa-google-plus-square"></i></a> <a href="#"><i class="fa fa-youtube-square"></i></a> <a href="#"><i class="fa fa-linkedin-square"></i></a> <a href="#"><i class="fa fa-twitter-square"></i></a> <a href="https://www.facebook.com/tuh930m"><i class="fa fa-facebook-square"></i></a>  </div></div>

ليست هناك تعليقات:

إرسال تعليق

الاشتراك في: تعليقات الرسالة (Atom)

عن الموقع

«إمو التعليمية» هي مدونة إلكترونية متخصصة في مجال الأسرة والمجتمع والتكنولوجيا الإلكترونية الهدف من هذا القانون هو نشر الثقافة التقنية للجميع من خلال سلسلة من المقالات والدورات التعليمية المجانية ، اعتقادا منها أنه يجب نشر العلم ، وليس بيعه ، لجذب انتباه المعلمين العرب وتحفيزهم على التدوين في الميدان من تقنيات التعليم لنشر أفكارهم وخبراتهم. تقوم المدونة بترجمة أهم المقالات والأخبار على المواقع الأجنبية
معرفة المزيد ←

تعريب إمو التعليمية