النتائج 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


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

    تحياتي










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

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

أضف موقعك هنا | اضافة محتوى فريد لموقعك