النتائج 1 إلى 3 من 3

الموضوع: كود CSS مستخرج من الفايروركس !!

  1. #1
    عضو نشيط جدا
    تاريخ التسجيل
    Jan 2007
    المشاركات
    561

    كود CSS مستخرج من الفايروركس !!



    السلام عليكم

    جربت استخرج تصميم والاعمال من الفايروركس بالـ CSS

    بعد ان تم تعديل للتصدير CSS منفصل عن HTML

    وطلع معي كود هذا:

    كود:
    body {
    	background-color: #8a8a8a;
    	margin:0px;
    	padding:0px;
    }
    .p {
    	margin:0px;
    	padding:0px;
    	font-size: inherit;
    	font-family: inherit;
    	font-weight: inherit;
    	text-align: inherit;
    	color: inherit;
    	line-height: inherit;
    	vertical-align: top;
    }
    p {
    	padding-top:0px;
    	margin-top:0px;
    }
    img {
    	border:0px;
    }
    div {
    	margin:0px;
    	padding:0px;
    	font-family:verdana; font-size:12px;
    }
    .AbsWrap {
    	width: 100%;
    	position: relative;
    }
    .rowWrap {
    	width: 100%;
    }
    .clearfloat {
    	clear:both;
    	height:0px;
    }
    a:link, a:visited{
    	COLOR:inherit;
    	text-decoration:inherit;
    }
    #Div {
    	background-color: #aa0078;
    	width:744px;
    	padding-top:0px;
    	height:127px;
    	position: absolute;
    	left:17px;
    	top:7px;
    	margin-bottom:0px;
    
    }
    .Txt_y {
    	position: absolute;
    	left:65px;
    	top:8px;
    	width:24px;
    	margin-bottom:0px;
    	font-size:61px;
    	font-family:'Chaparral Pro', Arial, Helvetica, sans-serif;
    	font-weight: 800;
    	font-style: italic;
    	text-align: center;
    	color: #cccccc;
    	line-height: 120%;
    	padding-top:1px;
    	padding-bottom:2px;
    
    }
    .Txt_Adobe {
    	position: absolute;
    	left:259px;
    	top:30px;
    	width:129px;
    	margin-bottom:0px;
    	font-size:45px;
    	font-family:'Chaparral Pro', Arial, Helvetica, sans-serif;
    	font-weight: 800;
    	font-style: italic;
    	text-align: right;
    	color: #ff0000;
    	line-height: 120%;
    	padding-top:1px;
    	padding-bottom:2px;
    
    }
    .Txt_Firewoks {
    	position: absolute;
    	left:403px;
    	top:33px;
    	width:181px;
    	margin-bottom:0px;
    	font-size:45px;
    	font-family:'Chaparral Pro', Arial, Helvetica, sans-serif;
    	font-weight: 800;
    	font-style: italic;
    	text-align: right;
    	color: #fdd846;
    	line-height: 120%;
    	padding-top:1px;
    	padding-bottom:2px;
    
    }
    #Div2 {
    	background-color: #cccccc;
    	border: 1px solid #deb40d;
    	width:74px;
    	padding-top:0px;
    	height:63px;
    	position: absolute;
    	left:46px;
    	top:38px;
    	margin-bottom:0px;
    
    }
    #Div3 {
    	background-color: #cccccc;
    	border: 1px solid #deb40d;
    	width:74px;
    	padding-top:0px;
    	height:63px;
    	position: absolute;
    	left:39px;
    	top:39px;
    	margin-bottom:0px;
    
    }
    .Txt_ousef {
    	position: absolute;
    	left:72px;
    	top:64px;
    	width:51px;
    	margin-bottom:0px;
    	font-size:19px;
    	font-family:'Chaparral Pro', Arial, Helvetica, sans-serif;
    	font-weight: 800;
    	font-style: italic;
    	text-align: right;
    	color: #cccccc;
    	line-height: 120%;
    	padding-top:1px;
    	padding-bottom:2px;
    
    }
    #Div4 {
    	background-color: #9c9c9c;
    	border: 1px solid #a9a8a3;
    	width:742px;
    	padding-top:0px;
    	height:27px;
    	position: absolute;
    	left:17px;
    	top:123px;
    	margin-bottom:0px;
    
    }
    #Line {
    	border-left: 1px solid #d6d6d6;
    	height:23px;
    	width:1px;
    	position: absolute;
    	left:310px;
    	top:125px;
    	margin-bottom:0px;
    
    }
    #Line2 {
    	border-left: 1px solid #d6d6d6;
    	height:23px;
    	width:1px;
    	position: absolute;
    	left:243px;
    	top:125px;
    	margin-bottom:0px;
    
    }
    #Line3 {
    	border-left: 1px solid #d6d6d6;
    	height:23px;
    	width:1px;
    	position: absolute;
    	left:190px;
    	top:125px;
    	margin-bottom:0px;
    
    }
    #Line4 {
    	border-left: 1px solid #d6d6d6;
    	height:23px;
    	width:1px;
    	position: absolute;
    	left:119px;
    	top:125px;
    	margin-bottom:0px;
    
    }
    #Line5 {
    	border-left: 1px solid #d6d6d6;
    	height:23px;
    	width:1px;
    	position: absolute;
    	left:80px;
    	top:125px;
    	margin-bottom:0px;
    
    }
    .Txt_Extensions {
    	position: absolute;
    	left:126px;
    	top:128px;
    	width:60px;
    	margin-bottom:0px;
    	font-size:13px;
    	font-family:'Monotype Corsiva', Arial, Helvetica, sans-serif;
    	font-weight: 800;
    	font-style: italic;
    	text-align: left;
    	color: #f8f8f8;
    	line-height: 120.00000293438251%;
    	padding-top:1px;
    	padding-bottom:2px;
    
    }
    .Txt_Blog {
    	position: absolute;
    	left:85px;
    	top:128px;
    	width:28px;
    	margin-bottom:0px;
    	font-size:13px;
    	font-family:'Monotype Corsiva', Arial, Helvetica, sans-serif;
    	font-weight: 800;
    	font-style: italic;
    	text-align: left;
    	color: #f8f8f8;
    	line-height: 120%;
    	padding-top:1px;
    	padding-bottom:2px;
    
    }
    .Txt_Support {
    	position: absolute;
    	left:195px;
    	top:128px;
    	width:46px;
    	margin-bottom:0px;
    	font-size:13px;
    	font-family:'Monotype Corsiva', Arial, Helvetica, sans-serif;
    	font-weight: 800;
    	font-style: italic;
    	text-align: left;
    	color: #f8f8f8;
    	line-height: 120.00000293438251%;
    	padding-top:1px;
    	padding-bottom:2px;
    
    }
    .Txt_My {
    	position: absolute;
    	left:247px;
    	top:128px;
    	width:59px;
    	margin-bottom:0px;
    	font-size:13px;
    	font-family:'Monotype Corsiva', Arial, Helvetica, sans-serif;
    	font-weight: 800;
    	font-style: italic;
    	text-align: left;
    	color: #f8f8f8;
    	line-height: 120.00000293438251%;
    	padding-top:1px;
    	padding-bottom:2px;
    
    }
    .Txt_Guest {
    	position: absolute;
    	left:316px;
    	top:128px;
    	width:33px;
    	margin-bottom:0px;
    	font-size:13px;
    	font-family:'Monotype Corsiva', Arial, Helvetica, sans-serif;
    	font-weight: 800;
    	font-style: italic;
    	text-align: left;
    	color: #f8f8f8;
    	line-height: 120.00000293438251%;
    	padding-top:1px;
    	padding-bottom:2px;
    
    }
    #Div5 {
    	background-color: #f8f8f8;
    	border: 1px solid #bbbbbb;
    	width:115px;
    	padding-top:0px;
    	height:15px;
    	position: absolute;
    	left:626px;
    	top:130px;
    	margin-bottom:0px;
    
    }
    #Div6 {
    	background-color: #ffff9f;
    	border: 1px solid #e0dfe3;
    	width:347px;
    	padding-top:0px;
    	height:375px;
    	position: absolute;
    	left:17px;
    	top:142px;
    	margin-bottom:0px;
    
    }
    .Txt_: {
    	position: absolute;
    	left:122px;
    	top:167px;
    	width:9px;
    	margin-bottom:0px;
    	font-size:19px;
    	font-family:'Chaparral Pro', Arial, Helvetica, sans-serif;
    	font-weight: 800;
    	font-style: italic;
    	text-align: right;
    	color: #b0b0b0;
    	line-height: 120%;
    	padding-top:1px;
    	padding-bottom:2px;
    
    }
    #Div7 {
    	background-color: #f8f8f8;
    	border: 1px solid #d6d6d6;
    	width:154px;
    	padding-top:0px;
    	height:350px;
    	position: absolute;
    	left:605px;
    	top:167px;
    	margin-bottom:0px;
    
    }
    .Txt_Subjects {
    	position: absolute;
    	left:47px;
    	top:169px;
    	width:72px;
    	margin-bottom:0px;
    	font-size:19px;
    	font-family:'Chaparral Pro', Arial, Helvetica, sans-serif;
    	font-weight: 800;
    	font-style: italic;
    	text-align: right;
    	color: #b0b0b0;
    	line-height: 120%;
    	padding-top:1px;
    	padding-bottom:2px;
    
    }
    #Line6 {
    	background-color: #8a8a8a;
    	border-bottom: 1px dotted #e0dfe3;
    	width:285px;
    	position: absolute;
    	left:46px;
    	top:193px;
    	margin-bottom:0px;
    
    }
    #Div8 {
    	background-color: #ffff00;
    	width:29px;
    	padding-top:0px;
    	height:24px;
    	position: absolute;
    	left:25px;
    	top:195px;
    	margin-bottom:0px;
    
    }
    .Txt_FW {
    	position: absolute;
    	left:25px;
    	top:199px;
    	width:27px;
    	margin-bottom:0px;
    	font-size:13px;
    	font-family:'Monotype Corsiva', Arial, Helvetica, sans-serif;
    	font-weight: 800;
    	font-style: italic;
    	text-align: right;
    	color: #000000;
    	line-height: 120%;
    	padding-top:1px;
    	padding-bottom:2px;
    
    }
    #Div9 {
    	background-color: #ffff00;
    	width:29px;
    	padding-top:0px;
    	height:24px;
    	position: absolute;
    	left:25px;
    	top:221px;
    	margin-bottom:0px;
    
    }
    .Txt_FW2 {
    	position: absolute;
    	left:25px;
    	top:225px;
    	width:27px;
    	margin-bottom:0px;
    	font-size:13px;
    	font-family:'Monotype Corsiva', Arial, Helvetica, sans-serif;
    	font-weight: 800;
    	font-style: italic;
    	text-align: right;
    	color: #000000;
    	line-height: 120%;
    	padding-top:1px;
    	padding-bottom:2px;
    
    }
    #Div10 {
    	background-color: #ffff00;
    	width:29px;
    	padding-top:0px;
    	height:24px;
    	position: absolute;
    	left:25px;
    	top:247px;
    	margin-bottom:0px;
    
    }
    .Txt_FW3 {
    	position: absolute;
    	left:25px;
    	top:252px;
    	width:27px;
    	margin-bottom:0px;
    	font-size:13px;
    	font-family:'Monotype Corsiva', Arial, Helvetica, sans-serif;
    	font-weight: 800;
    	font-style: italic;
    	text-align: right;
    	color: #000000;
    	line-height: 120%;
    	padding-top:1px;
    	padding-bottom:2px;
    
    }
    #Line7 {
    	background-color: #8a8a8a;
    	border-bottom: 1px dotted #e0dfe3;
    	width:285px;
    	position: absolute;
    	left:46px;
    	top:276px;
    	margin-bottom:0px;
    
    }
    #Div11 {
    	background-color: #f11c06;
    	width:29px;
    	padding-top:0px;
    	height:24px;
    	position: absolute;
    	left:26px;
    	top:280px;
    	margin-bottom:0px;
    
    }
    .Txt_DW {
    	position: absolute;
    	left:25px;
    	top:284px;
    	width:28px;
    	margin-bottom:0px;
    	font-size:13px;
    	font-family:'Monotype Corsiva', Arial, Helvetica, sans-serif;
    	font-weight: 800;
    	font-style: italic;
    	text-align: right;
    	color: #000000;
    	line-height: 120%;
    	padding-top:1px;
    	padding-bottom:2px;
    
    }
    #Div12 {
    	background-color: #f11c06;
    	width:29px;
    	padding-top:0px;
    	height:24px;
    	position: absolute;
    	left:26px;
    	top:306px;
    	margin-bottom:0px;
    
    }
    .Txt_DW2 {
    	position: absolute;
    	left:25px;
    	top:310px;
    	width:28px;
    	margin-bottom:0px;
    	font-size:13px;
    	font-family:'Monotype Corsiva', Arial, Helvetica, sans-serif;
    	font-weight: 800;
    	font-style: italic;
    	text-align: right;
    	color: #000000;
    	line-height: 120%;
    	padding-top:1px;
    	padding-bottom:2px;
    
    }
    #Div13 {
    	background-color: #f11c06;
    	width:29px;
    	padding-top:0px;
    	height:24px;
    	position: absolute;
    	left:26px;
    	top:332px;
    	margin-bottom:0px;
    
    }
    .Txt_DW3 {
    	position: absolute;
    	left:25px;
    	top:337px;
    	width:28px;
    	margin-bottom:0px;
    	font-size:13px;
    	font-family:'Monotype Corsiva', Arial, Helvetica, sans-serif;
    	font-weight: 800;
    	font-style: italic;
    	text-align: right;
    	color: #000000;
    	line-height: 120%;
    	padding-top:1px;
    	padding-bottom:2px;
    
    }
    #Line8 {
    	background-color: #8a8a8a;
    	border-bottom: 1px dotted #e0dfe3;
    	width:285px;
    	position: absolute;
    	left:46px;
    	top:361px;
    	margin-bottom:0px;
    
    }
    #Div14 {
    	background-color: #f11c06;
    	width:29px;
    	padding-top:0px;
    	height:24px;
    	position: absolute;
    	left:27px;
    	top:366px;
    	margin-bottom:0px;
    
    }
    .Txt_FL {
    	position: absolute;
    	left:31px;
    	top:370px;
    	width:20px;
    	margin-bottom:0px;
    	font-size:13px;
    	font-family:'Monotype Corsiva', Arial, Helvetica, sans-serif;
    	font-weight: 800;
    	font-style: italic;
    	text-align: right;
    	color: #000000;
    	line-height: 120%;
    	padding-top:1px;
    	padding-bottom:2px;
    
    }
    #Div15 {
    	background-color: #f11c06;
    	width:29px;
    	padding-top:0px;
    	height:24px;
    	position: absolute;
    	left:27px;
    	top:392px;
    	margin-bottom:0px;
    
    }
    .Txt_FL2 {
    	position: absolute;
    	left:31px;
    	top:396px;
    	width:20px;
    	margin-bottom:0px;
    	font-size:13px;
    	font-family:'Monotype Corsiva', Arial, Helvetica, sans-serif;
    	font-weight: 800;
    	font-style: italic;
    	text-align: right;
    	color: #000000;
    	line-height: 120%;
    	padding-top:1px;
    	padding-bottom:2px;
    
    }
    #Div16 {
    	background-color: #f11c06;
    	width:29px;
    	padding-top:0px;
    	height:24px;
    	position: absolute;
    	left:27px;
    	top:418px;
    	margin-bottom:0px;
    
    }
    .Txt_FL3 {
    	position: absolute;
    	left:31px;
    	top:423px;
    	width:20px;
    	margin-bottom:0px;
    	font-size:13px;
    	font-family:'Monotype Corsiva', Arial, Helvetica, sans-serif;
    	font-weight: 800;
    	font-style: italic;
    	text-align: right;
    	color: #000000;
    	line-height: 120%;
    	padding-top:1px;
    	padding-bottom:2px;
    
    }
    #Line9 {
    	background-color: #8a8a8a;
    	border-bottom: 1px dotted #e0dfe3;
    	width:285px;
    	position: absolute;
    	left:46px;
    	top:447px;
    	margin-bottom:0px;
    
    }
    #Div17 {
    	background-color: #8a8a8a;
    	border: 1px solid #d6d6d6;
    	width:84px;
    	padding-top:0px;
    	height:24px;
    	position: absolute;
    	left:605px;
    	top:492px;
    	margin-bottom:0px;
    
    }
    .Txt_Google {
    	position: absolute;
    	left:626px;
    	top:498px;
    	width:39px;
    	margin-bottom:0px;
    	font-size:13px;
    	font-family:'Monotype Corsiva', Arial, Helvetica, sans-serif;
    	font-weight: 800;
    	font-style: italic;
    	text-align: left;
    	color: #f9f9f9;
    	line-height: 120%;
    	padding-top:1px;
    	padding-bottom:2px;
    
    }
    #Div18 {
    	background-color: #00809b;
    	border: 1px solid #365055;
    	width:775px;
    	padding-top:0px;
    	height:97px;
    	position: absolute;
    	left:0px;
    	top:552px;
    	margin-bottom:0px;
    
    }
    #Line10 {
    	border-left: 1px solid #d6d6d6;
    	height:98px;
    	width:1px;
    	position: absolute;
    	left:552px;
    	top:553px;
    	margin-bottom:0px;
    
    }
    .Txt_desing {
    	position: absolute;
    	left:5px;
    	top:628px;
    	width:90px;
    	margin-bottom:0px;
    	font-size:13px;
    	font-family:'Monotype Corsiva', Arial, Helvetica, sans-serif;
    	font-weight: 800;
    	font-style: italic;
    	text-align: left;
    	color: #fbfbfb;
    	line-height: 120%;
    	padding-top:1px;
    	padding-bottom:2px;
    
    }
    #soon-web_r2_c2 {
    	position: absolute;
    	left:47px;
    	top:132px;
    	width:30px;
    	height:10px;
    	margin-bottom:0px;
    
    }
    #soon-web_r4_c4 {
    	position: absolute;
    	left:368px;
    	top:149px;
    	width:223px;
    	height:122px;
    	margin-bottom:0px;
    
    }
    #soon-web_r5_c4 {
    	position: absolute;
    	left:372px;
    	top:278px;
    	width:219px;
    	height:120px;
    	margin-bottom:0px;
    
    }
    #soon-web_r6_c4 {
    	position: absolute;
    	left:372px;
    	top:402px;
    	width:219px;
    	height:120px;
    	margin-bottom:0px;
    
    }

    انتظر ردوكم على الكود

    تحياتي







  2. وعليكم السلام..



    مشكلة كبيرة الإعتماد فقط على البرامج في توليد خصائص CSS بدون فهم
    الكود شكله حلو!

    ولكن هناك مبالغة في استخدام الخاصية position تقريباً مطبقة على كل الفئات والمعرّفات، ودي أحد المشاكل ناتجة من البرنامج فهو يتعامل مع الصناديق أو الكائنات داخل الصفحة كل واحدة بشكل مستقل ويحدد لها موضع بشكل خاص ستجد الإحداثيات بكثرة left, top ,مش مهم إن كانت هذه الصناديق مرتبطة بأخرى أو لا، المهم أن يحدد لها موضع فقط كما يراها، و أتوقع حدوث مشاكل في توافق المتصفحات.

    أنا أفضل أن يكون إعتمادك على البرامج في إستخراج الكود بشكل أقل وفي حالات نادرة فقط.





    __________________
    كتوم في المصنع {...}

  3. #3
    عضو نشيط جدا
    تاريخ التسجيل
    Jan 2007
    المشاركات
    561


    شكرا كتوم على معلومة ...

    تحياتي










ضوابط المشاركة

  • لا تستطيع إضافة مواضيع جديدة
  • لا تستطيع الرد على المواضيع
  • لا تستطيع إرفاق ملفات
  • لا تستطيع تعديل مشاركاتك
  •  

أضف موقعك هنا| اخبار السيارات | حراج | شقق للايجار في الكويت | بيوت للبيع في الكويت | شركة كشف تسربات المياه | شركة عزل اسطح بالرياض | عزل فوم بالرياض| عزل اسطح بالرياض | كشف تسربات المياة بالرياض | شركة عزل اسطح بالرياض