منتديات المجاوشي - [ غير ذلك ] كود css يختصر الوقت للمبرمجين مدهش فعلا

السلام عليكم ورحمه الله وبركاته
كل يوم نكتشف كود جديد خخخ :strongly:

اسم الكود

content

طريقه الاستخدام تابع الشرح معي وركز

نفرض عندنا الرابط

رمز PHP:

المفروض ينكتب

رمز PHP:

اسم الرابط

لاكن تعالو معانا نشوف الرابط وش يسوي لننا

جربوه في صفحة

رمز PHP:

/* by wassimo wassimo.net */
a:before{
content:attr(href);
}

جربو الان هذه

رمز PHP:

/* by wassimo wassimo.net */

a:after{
content:"wassimo بعد";
}

a:before{
content:" قبل ";
}

التغييرات

تقدر تغير

رمز PHP:

content:" قبل ";

الى عداد بالطريقه التاليه
رمز PHP:

<span style="color: #000000">
p
{
counter-increment: myIndex;
}

p:before
{
content:counter(myIndex);
}p:after
{
content:"- number"<span style="color: #007700">;
}

p:before
{
content:open-quote;
}
p:after
{
content:close-quote;
}
p.hometown:before
{
content:no-open-quote;
}
p.hometown:after
{
content:no-close-quote;
}

My name is Donald
I live in Ducksburg

Note: one
Note: one
Note: one
Note: one
Note: one

او ادراج صورة وليس خلفيه

رمز PHP:

content:url(smiley.gif);

ملاحضه

هناك شيء اسمه

قبل before
after بعد

ركزوا عليها بالاكواد

تحياتي

أكثر...