شيخة رواية
03-27-2020, 07:24 AM
اقدم لكم
شرح (تحويل عناصر المشاركات "رد - اعجبنى - اقتباس" الى ازرار ◄ للجيل الاول)
لتكون بالشكل التالى
https://i.imgur.com/HX5wU1Y.png
وعند المرور عليها بالماوس تظهر بالشكل التالى
https://i.imgur.com/WQZRvCQ.png
اليكم الطريقه كالتالى ...
من القالب message.css
نبحث عن الكود التالى .....
1
2
3
4
5
6
7
8
9
10
11
12
13
14
.message .publicControls .item
{
margin-left: 30px;
float: left;
line-height: 20px;
background-color: #e69900;
color: black;
border-radius: 7px;
text-align: center;
box-shadow: 0px 2px 5px rgba(0,0,0, 0.2);
display: block;
cursor: pointer;
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
.message .publicControls a
{
display: block;
text-decoration: none;
padding: 2px 9px 2px 9px;
border: 1px solid orange;
background: #F0B50B;
color: black;
font-size: 130%;
font-weight: bold;
border-radius: 5px;
text-shadow: 1px 1px 0px @primaryLightest;
outline: 0;
}
.message .publicControls a:hover {
background-color: yellow;
}
شرح (تحويل عناصر المشاركات "رد - اعجبنى - اقتباس" الى ازرار ◄ للجيل الاول)
لتكون بالشكل التالى
https://i.imgur.com/HX5wU1Y.png
وعند المرور عليها بالماوس تظهر بالشكل التالى
https://i.imgur.com/WQZRvCQ.png
اليكم الطريقه كالتالى ...
من القالب message.css
نبحث عن الكود التالى .....
1
2
3
4
5
6
7
8
9
10
11
12
13
14
.message .publicControls .item
{
margin-left: 30px;
float: left;
line-height: 20px;
background-color: #e69900;
color: black;
border-radius: 7px;
text-align: center;
box-shadow: 0px 2px 5px rgba(0,0,0, 0.2);
display: block;
cursor: pointer;
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
.message .publicControls a
{
display: block;
text-decoration: none;
padding: 2px 9px 2px 9px;
border: 1px solid orange;
background: #F0B50B;
color: black;
font-size: 130%;
font-weight: bold;
border-radius: 5px;
text-shadow: 1px 1px 0px @primaryLightest;
outline: 0;
}
.message .publicControls a:hover {
background-color: yellow;
}