استفسار بسيط * HTML *

^iiEcoo'x_) · February 25, 2017

السلام عليكم عليكم

شلون اسوي الالوان بالتدريج بصفحة HTML

اخضر غامق

اخضر وسط

اخضر غامق

كذا يعني شلون ؟

#Wizard · February 25, 2017

4 minutes ago, #_iMr.[E]coo said:

السلام عليكم عليكم

شلون اسوي الالوان بالتدريج بصفحة HTML

اخضر غامق

اخضر وسط

اخضر غامق

كذا يعني شلون ؟

القسم غلط هذا قسم متعلق ب MTA:SA

شوف تقدر تسويه من CSS
http://www.colorzilla.com/gradient-editor/

جرب هذا السكربت الي يمديك تحدد منه الوانك ويوريك الشكل

ويبسط لك الكود, بالتوفيق

^iiEcoo'x_) · February 25, 2017

الكود الي عالجنب يزبط اخليه html ?

@MR.NaiF-MTA

#Wizard · February 25, 2017

Just now, #_iMr.[E]coo said:

الكود الي عالجنب يزبط اخليه html ?

يمديك تربطه ب class او id

او بكل بساطة تضيف عالتاق style=""

بوريك مثال: شغلته على كلاس grad-color

<style>
	.gradcolor {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,2989d8+50,207cca+51,7db9e8+100;Blue+Gloss+Default */
		background: #1e5799; /* Old browsers */
		background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
		width: 50%;
		font-family: 'Tahoma';
		padding: 6px;
	}
</style>
<div class="gradcolor">
	<span style='color: white;'> Hello World </span>
</div>

#STZ · February 25, 2017

<html>
  <head>
    <title>
      MTA SA 
    </title>
  </head>
  <body>
    <p class="TEST"> Hello </p>
  </body>
  
</html>

.TEST{
color:#FFFF00;
}

مثال بسيط

^iiEcoo'x_) · February 25, 2017

كود رام احطه ب بداية انشاء الصفحة واسوي كذا ؟

<p class="TEST"> Hello </p>

#Wizard · February 25, 2017

4 minutes ago, #_iMr.[E]coo said:

كود رام احطه ب بداية انشاء الصفحة واسوي كذا ؟

<p class="TEST"> Hello </p>

بالزبط, لاتنسى تعدل الكلاس حق CSS

ولاتنسى تعدل width: 50%;

Edited February 25, 2017 by iRamX

#STZ · February 25, 2017

كودي اسهل

<link rel="stylesheet" href="style/style.css" type="text/css"/>

حط ذا في الهيد

#Wizard · February 25, 2017

Just now, MR.NaiF-MTA said:
كودي اسهل
<link rel="stylesheet" href="style/style.css" type="text/css"/>
حط ذا في الهيد

@MR.NaiF-MTA كودك لون ثابت

#STZ · February 25, 2017

اما هو وش يب يسوي ؟

#BrosS · February 25, 2017

م أظنه طلب خط ،.،

^iiEcoo'x_) · February 25, 2017

6 minutes ago, iRamX said:

بالزبط, لاتنسى تعدل الكلاس حق CSS

ولاتنسى تعدل width: 50%;

بدال test

احط gradcolor

?

#BrosS · February 25, 2017

<!DOCTYPE html>
<html>
<head>
<style>
h1.text {
    color: blue;
}

</style>
</head>
<body>

<h1 class="text">عنوان</h1>

</body>
</html

^iiEcoo'x_) · February 25, 2017

1 minute ago, #BrosS said:


<!DOCTYPE html><html><head><style>h1.text {    color: blue;}</style></head><body><h1 class="text">عنوان</h1></body></html

فاهم غلط

#Wizard · February 25, 2017

12 minutes ago, #_iMr.[E]coo said:

بدال test

احط gradcolor

?

يب

لو بدك تحط بدال gradcolor حط test

اهم شي الاثنين متطابقين ..

<style>
	.TEST {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,2989d8+50,207cca+51,7db9e8+100;Blue+Gloss+Default */
		background: #1e5799; /* Old browsers */
		background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
		width: 50%;
		font-family: 'Tahoma';
		padding: 6px;
	}
</style>
<p class="TEST"> Hello </p>

^iiEcoo'x_) · February 25, 2017

《《《《 شكرا للجميع 》》》》

#Wizard · February 25, 2017

3 minutes ago, #_iMr.[E]coo said:

《《《《 شكرا للجميع 》》》》

عفوا اخوي بالخدمة

استفسار بسيط * HTML *

Recommended Posts

Link to comment

Link to comment

Link to comment

Link to comment

Link to comment

Link to comment

Link to comment

Link to comment

Link to comment

Link to comment

Link to comment

Link to comment

Link to comment

Link to comment

Link to comment

Link to comment

Link to comment

Create an account or sign in to comment

Create an account

Sign in

Recently Browsing 0 members