الكود:

 a.mainmenu[href="/groups"]::before {
  content:"\f015";
  color:#666;
  font-family:FontAwesome;
  font-weight:normal;
  font-size:16px;
  margin:0 4px;
}

الكود:

<link href="https://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet"/>[size=19][/size]
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"/>

الكود:

<i class="fa fa-home" aria-hidden="true"></i>

الكود:

a.mainmenu[href="/"]::before {
  content:"\f015";
  color:#fff;
  font-family:FontAwesome;
  font-weight:normal;
  font-size:15px;
  margin:0px -10px;
}

الكود:

a.mainmenu[href="/calendar"]::before {
  content:"\f073";
  color:#fff;
  font-family:FontAwesome;
  font-weight:normal;
  font-size:15px;
  margin:0px -10px;
}

الكود:

a.mainmenu[href="/publi"]::before {
  content:"\f164";
  color:#fff;
  font-family:FontAwesome;
  font-weight:normal;
  font-size:15px;
  margin:0px -10px;
}

الكود:

a.mainmenu[href="/faq"]::before {
  content:"\f128";
  color:#fff;
  font-family:FontAwesome;
  font-weight:normal;
  font-size:15px;
  margin:0px -10px;
}

الكود:

a.mainmenu[href="/search"]::before {
  content:"\f002";
  color:#fff;
  font-family:FontAwesome;
  font-weight:normal;
  font-size:15px;
  margin:0px -10px;
}

الكود:

a.mainmenu[href="/memberlist"]::before {
  content:"\f007";
  color:#fff;
  font-family:FontAwesome;
  font-weight:normal;
  font-size:15px;
  margin:0px -10px;
}

الكود:

a.mainmenu[href="/groups"]::before {
  content:"\f0c0";
  color:#fff;
  font-family:FontAwesome;
  font-weight:normal;
  font-size:15px;
  margin:0px -10px;
}

الكود:

a.mainmenu[href="/profile?mode=editprofile"]::before {
  content:"\f07b";
  color:#fff;
  font-family:FontAwesome;
  font-weight:normal;
  font-size:15px;
  margin:0px -10px;
}

الكود:

a.mainmenu[href="/privmsg?folder=inbox"]::before {
  content:"\f0e0";
  color:#fff;
  font-family:FontAwesome;
  font-weight:normal;
  font-size:15px;
  margin:0px -10px;
}

الكود:

color:...... ;
 font-size:.......;
  margin:.......;

الكود:

a.mainmenu[href="register"]::before
a.mainmenu[href="login"]::before
a.mainmenu[href="logout"]::before

JoryAbdallah كتب:..........

الكود:

a.mainmenu[href="الرابط"]::before {
    content: "رمز الأيقونة";

}

الكود:

a.mainmenu[href="/register"]::before {
    content: "\f2ce";
}
a.mainmenu[href="/login"]::before {
    content: "\f090";
}
a.mainmenu[href="/logout"]::before {
    content: "\f08b";
}

ali_baba كتب:بالنسبة للكود الذي قدمتَه لي، لا أعرف كيف يجب التعامل معه... 
مثلا بالذهاب إلى موقع Fontawesome، و نريد أن نأخذ أيقونة الرئيسية "home"... فهي كما يلي... 

الكود:

<i class="fa fa-home" aria-hidden="true"></i>

فكيف يمكنني أن أستبدل [href="/groups"]  في الكود.... 
و شكرا لك مرة أخرى و أعتذر على الإزعاج... 

الكود:


a[href*="/login"].mainmenu
a[href="/register"].mainmenu


الكود:

a.mainmenu[href="/logout"]::before {
    content: "\f08b";
    color: #fff;
    font-family: FontAwesome;
    font-weight: normal;
    font-size: 15px;
    margin: 0px -10px;
}

الكود:

<i class="fa fa-home" aria-hidden="true"></i>

الكود:

a#logout::before {
  content:"\f07b";
  color:#fff;
  font-family:FontAwesome;
  font-weight:normal;
  font-size:15px;
  margin:0px -10px;
}

YasirAyad كتب:نعم الطريقة فقط CSS 
بخصوص زر الخروج تفضل الكود التالي.  

الكود:

a#logout::before {
  content:"\f07b";
+}