الثلاثاء، 7 نوفمبر 2017

احصل على هذة الاداة من هنا

صفحة الخلفيات بتقنية css3



السلام عليكم ورحمة
الله وبركاته
--
نعود لكم بتدوينة جديدة نقدم لكم فيها صفحة الخلفيات بتقنية css3 مع زر التحميل والنسخ








طريقة التركيب:

    1. انشئ صفحة جديدة وحرر html
    2. ثم ضع الكود التالي
<link href="https://cdn.rawgit.com/ortilex/ortslider/12e6f101/issamwp.css" rel="stylesheet" type="text/css">
<div class="ch-paper">        <script>            var colorData = [                ["#FDEB71", "#F8D800"],                ["#ABDCFF", "#0396FF"],                ["#FEB692", "#EA5455"],                ["#CE9FFC", "#7367F0"],                ["#90F7EC", "#32CCBC"],                ["#FFF6B7", "#F6416C"],                ["#81FBB8", "#28C76F"],                ["#E2B0FF", "#9F44D3"],                ["#F97794", "#623AA2"],                ["#FCCF31", "#F55555"],                ["#F761A1", "#8C1BAB"],                ["#43CBFF", "#9708CC"],                ["#5EFCE8", "#736EFE"],                ["#FAD7A1", "#E96D71"],                ["#FFD26F", "#3677FF"],                ["#A0FE65", "#FA016D"],                ["#FFDB01", "#0E197D"],                ["#FEC163", "#DE4313"],                ["#92FFC0", "#002661"],                ["#EEAD92", "#6018DC"],                ["#F6CEEC", "#D939CD"],                ["#52E5E7", "#130CB7"],                ["#F1CA74", "#A64DB6"],                ["#E8D07A", "#5312D6"],                ["#EECE13", "#B210FF"],                ["#79F1A4", "#0E5CAD"],                ["#FDD819", "#E80505"],                ["#FFF3B0", "#CA26FF"],                ["#FFF5C3", "#9452A5"],                ["#F05F57", "#360940"],                ["#2AFADF", "#4C83FF"],                ["#FFF886", "#F072B6"],                ["#97ABFF", "#123597"],                ["#F5CBFF", "#C346C2"],                ["#FFF720", "#3CD500"],                ["#FF6FD8", "#3813C2"],                ["#EE9AE5", "#5961F9"],                ["#FFD3A5", "#FD6585"],                ["#C2FFD8", "#465EFB"],                ["#FD6585", "#0D25B9"],                ["#FD6E6A", "#FFC600"],                ["#65FDF0", "#1D6FA3"],                ["#6B73FF", "#000DFF"],                ["#FF7AF5", "#513162"],                ["#F0FF00", "#58CFFB"],                ["#FFE985", "#FA742B"],                ["#FFA6B7", "#1E2AD2"],                ["#FFAA85", "#B3315F"],                ["#72EDF2", "#5151E5"],                ["#FF9D6C", "#BB4E75"],                ["#F6D242", "#FF52E5"],                ["#69FF97", "#00E4FF"],                ["#3B2667", "#BC78EC"],                ["#70F570", "#49C628"],                ["#3C8CE7", "#00EAFF"],                ["#FAB2FF", "#1904E5"],                ["#81FFEF", "#F067B4"],                ["#FFA8A8", "#FCFF00"],                ["#FFCF71", "#2376DD"],                ["#FF96F9", "#C32BAC"]            ];        </script>    </div> <div class="ch-notify-plank">     </div>
<script src="https://webkul.github.io/coolhue/scripts/script.js" type="text/javascript">
</script>
    1. غير ما يناسبك



EmoticonEmoticon