css + html rounded fancy table and table data

Lucky4U · #1 css + html rounded fancy table and table data on Thu Jun 16, 2011 9:01 pm

Lucky4U

Moderator

User Title

Posts: 230

Rep Points: 254

Thanks: 0

Age: 32

Gender:

سب دوستوں کو میرا سلام

ایڈمن بھائی میں ایک ٹیبل بنانا چاہتا ہوں سی آیس آیس کے ساتھ لیکن میں سی آیس آیس میں اتنا جانتا نہیں ہوں

میں راونڈ شیپ میں ٹیبل بنانا چاہتا ہوں اور یہ چاہتا ہوں کے اس ٹیبل کے گرد ایک ہلکی سی شیڈو بھی ہو اس کے علاوہ میں چاہتا ہو کے ٹیبل ڈیٹا کے گرد بارڈر نہ ہوں

پلیز ایڈمن بھائی میری ہلپ کریں

ایک مثال بھی دے رہا ہوں پکچر کی صورت میں

شکریہ بھائی آپ کے جواب کا انتظار رہے گا

Ex

Admin · #2 Re: css + html rounded fancy table and table data on Sun Jun 19, 2011 4:39 am

Admin

Administrator

Chand Chughtai

Posts: 2893

Rep Points: 2232

Thanks: 45

Gender:

Wait Dear Abhi Main Busy Hon Ap Ko Bad Main Tafseel Sa Jawab Do Ga . Thank You

Admin · #3 Re: css + html rounded fancy table and table data on Tue Jun 21, 2011 9:10 am

Admin

Administrator

Chand Chughtai

Posts: 2893

Rep Points: 2232

Thanks: 45

Gender:

Dear Ap K Liya Main Na Table Tayar Kiya Hai Table Ka Live Demo Dekhna Aur Codes K Liya Necha Diya Hua Link Par Click Karen Thank You ....
Fancy CSS+HTML Table Demo & Codes

Lucky4U

Lucky4U

Moderator

User Title

Posts: 230

Rep Points: 254

Thanks: 0

Age: 32

Gender:

آپ کا بہت بہت شکریہ بھائی میں جتنا چاہتا تھا آپ نے اس سے بھی پیارا ٹیبل مجھے بنا کے دیا ہے بہت بہت شکریہ بھائی

مگر بھائی ایک درخواست ہے آپ اس ٹیبل کو استعمال کرنے کا طریقہ بھی بتا دیں تو مجھ جیسے کم علم کی معلومات میں آضافہ ہو جائے گا کے اس ٹیبل کی سی آیس آیس کو کیسے اڈیڈ کیا جا سکتا ہے اپنی مرضی کے مطابق

ایک بار پھر شکریہ بھائی جان

Admin · #5 Re: css + html rounded fancy table and table data on Fri Sep 23, 2011 4:26 am

Admin

Administrator

Chand Chughtai

Posts: 2893

Rep Points: 2232

Thanks: 45

Gender:

Ok Lucky Sara Css Codes Aur Un Ka Estmal Main Apko Step By Step Samjta Hun ..

table.fancytable
Ya Humara Table Ka Naam Hai Es Ko Hum Html Ma Es Table Ko Use Karna K Liya Estmal Karen Ga Asa <table class=fancytable>

border-collapse: collapse;
border-collapse Sa Hum Es Cheez Ko Set Karta Hain K Humara Table Ka Har Cell Apna Alag Border Banye Ya Aik He Border Ko Use Kara Ager Hum border-collapse K Samne collapse Lekhta Hain Tu Es Ka Matlab Hota K cell Common Border Use Karen Ager Hum Separate Lekhta Hain Tu Es Ka Matlab Hota Har Cell Apna Apna Alga Border Use Kara

width: 80%;
Es Sa Hum Apna Table Ke Width Set Kren Ga Jasa K Ma Na 80% Rakhte Hai Es Ka Matlab Hai K Ya Table Page Ke 80% Width Use Kara Ga 80% Chora Ho Ga Es % Ke Jaga Ap Px Em Wagra B Use Kar Sakta Hain

-moz-box-shadow: 0 0 5px 5px #336699;
-webkit-box-shadow: 0 0 5px 5px#336699;
box-shadow: 0 0 5px 5px #336699;
Es K Lekhna Sa He Show Ho Raha Hai K Ya Table Shadow Banana K Liya Estmal Hote Hai Es K Samne Hum Shadow Ka Color Aur Size Set Karta Hain

border: 0px solid #336699;
Es Sa Hum Table Aur Table Cell K Border Banta Hain Aur Border K Size Aur Color Set KArta Hain

-moz-border-radius: 0.5em 0.5em 0.5em 0.5em;
border-radius: 0.5em 0.5em 0.5em 0.5em;}
Es Property Sa Hum Table Ke Charon Side Ma Majod Kono Ko Round Karta Hain Aur Ketna Ziyda Round Ho Us Ko Hum Em Main Aur Px Ma Lekhta Hain

table.fancytable TD {
Ya Humara Table Ke TD Setting Mean Table Data Setting Hai Es Ko Html Main Table Ke Coding Karta Hua Hum Asa Lekhen Ga <td> Tu Humare Ya Setting Estmal Ho Jaya Ge Table Data Main

padding: 0.2em 0.5em 0.2em 0.5em;
Padding Sa Hum Ya Setting Karta Hain K Table K Ander Lekha Hua Data Table Border Sa Aur Lines Sa Ketna Dor Raha

border-bottom: 1px solid #fafdff;
Border Ke Property K Bara Main Ma Pahla He Samja Chuka Hun Mager Es Main Aik Azafa Hai Border K Sath Bottom Ka Es Tag Ko Use Karna Sa Border Seraf Table Data K Bottom Ma Yane Necha He Show Ho Ga Bake 3 Side Par Nahi Use Ho Ga

background-color: #ddedd5;
Es Sa Hum Apna TD Table Data Wale Jaga Ka Background Ka Color Set Karta Hain

color: #000000;
Es Main Hum Table Data K Ander Majood Humara Words Ka Color Set Karta Hain

font-family: Times New Roman;
Es Sa Hum Lekha Hua Word Ka Font Style Set Karta Hain

font-size: 11px !important;}
Es Sa Hum Word Ka Size Set Karta Hain

table.fancytable TD.TD2 {
Table.fanctable Td Tak Ma Apko Uper Samja Chuka Hun Mager Es Line Main Aik New Chez Ka Azafa Hai Wo Hai .TD2 Es Ka Matlab Hai K Yahan Hum Aik Aur Table Data Bana Raha Hain Mager Pahla Wala TD Sa Thora Moktlef Bana Raha Hain Es Ko Hum Html Main Asa Use Kare Ga <td class=TD2> Jab Hum Agla TD (Table Data) Ko Es Tara Sa Lekhen Ga Tu Humara Table Main TD2 Ke Sare Setting Use Ho Ge

padding: 0.2em 0.5em 0.2em 0.5em;
border-bottom: 1px solid #ddedd5;
background-color: #fafdff;
color: #000000;
font-family: Times New Roman;
font-size: 11px !important;}

Ya Bake Chezan Wohi Hain Jen K Bara Main Uper Ma Samja Chuka Hun ...

Koch Samj Na Aya Ho Tu Dobara Poch Lejye Ga Thank You

Member	Status
Arzoo06	1040 Topics - 28%
Husnain.Jutt	482 Topics - 13%
Jannat	433 Topics - 11%
~! R@JA !~	422 Topics - 11%
Desi Boy	338 Topics - 9%
~ Mu$a ~	298 Topics - 8%
Admin	286 Topics - 8%
Chocolate	169 Topics - 4%
Mohabbat	160 Topics - 4%
محبوب	152 Topics - 4%

Member	Status
Arzoo06	8619 Posts - 26%
Husnain.Jutt	6618 Posts - 20%
~ Mu$a ~	4278 Posts - 13%
Mohabbat	2900 Posts - 9%
Admin	2893 Posts - 9%
Banjara	2661 Posts - 8%
~! R@JA !~	2005 Posts - 6%
Jannat	1804 Posts - 5%
Anjani	1152 Posts - 3%
HAASIL	667 Posts - 2%

Member	Status
Arzoo06	7 Posts - 88%
Admin	1 Post - 13%

#1 css + html rounded fancy table and table data on Thu Jun 16, 2011 9:01 pm

Lucky4U

#2 Re: css + html rounded fancy table and table data on Sun Jun 19, 2011 4:39 am

Admin

#3 Re: css + html rounded fancy table and table data on Tue Jun 21, 2011 9:10 am

Admin

#4 Re: css + html rounded fancy table and table data on Fri Jun 24, 2011 10:43 pm

Lucky4U

#5 Re: css + html rounded fancy table and table data on Fri Sep 23, 2011 4:26 am

Admin