1 Widget Όπως το IPB [PunBB] 24/2/2013, 09:15
Γεια σας.
σήμερα θα σας δείξω πως να κάνετε το Widget όπως το IPB
Όπως αυτό
Μπαίνετε
Admin Panel >> Εμφάνιση >> Εικόνες και χρώματα >> Χρώματα >> CSS Stylesheet
και βάζετε τον παρακάτω κώδικα
στην συνεχεια μπαίνετε
Admin Panel >> Εμφάνιση >> Πρότυπα >> Αρχική
1.mod_keywords
ψάχνετε τον παρακάτω κώδικα
2.mod_login
ψάχνετε τον παρακάτω κώδικα
3.mod_most_active_starters
ψάχνετε τον παρακάτω κώδικα
ψάχνετε τον παρακάτω κώδικα
4.mod_most_viewed_topics
ψάχνετε τον παρακάτω κώδικα
5.mod_poll
ψάχνετε τον παρακάτω κώδικα
6.mod_recent_topics
ψάχνετε τον παρακάτω κώδικα
7.mod_top_post_users_month
ψάχνετε τον παρακάτω κώδικα
8.mod_top_post_users_week
ψάχνετε τον παρακάτω κώδικα
9.mod_top_posters
ψάχνετε τον παρακάτω κώδικα
έτοιμο :)
σήμερα θα σας δείξω πως να κάνετε το Widget όπως το IPB
Όπως αυτό
Μπαίνετε
Admin Panel >> Εμφάνιση >> Εικόνες και χρώματα >> Χρώματα >> CSS Stylesheet
και βάζετε τον παρακάτω κώδικα
- Κώδικας:
.main .main-head1 {
background-color: #383838;
background-image: url("http://i71.servimg.com/u/f71/17/34/84/29/iii_ii11.jpg");
background-position: left 50%;
background-repeat: repeat-x;
border: 1px solid #383838;
margin-top: 15px;
padding-left: 8px;
line-height: 2.3em;
}
h1[class="page-title"] {
font-size: 11px;
}
στην συνεχεια μπαίνετε
Admin Panel >> Εμφάνιση >> Πρότυπα >> Αρχική
1.mod_keywords
ψάχνετε τον παρακάτω κώδικα
- Κώδικας:
<div class="main-head"><div class="h3">{L_KEYWORDS}</div></div>
- Κώδικας:
<div class="main-head1"><div class="h3">{L_KEYWORDS}</div></div>
2.mod_login
ψάχνετε τον παρακάτω κώδικα
- Κώδικας:
<div class="main-head"><h1 class="page-title"><center>{L_LOGIN}</center></h1></div>
- Κώδικας:
<div class="main-head1"><h1 class="page-title"><center>{L_LOGIN}</center></h1></div>
- Κώδικας:
<div class="main-head"><h3><center>{USERNAME}</center></h3></div>
- Κώδικας:
<div class="main-head1"><h3><center>{USERNAME}</center></h3></div>
3.mod_most_active_starters
ψάχνετε τον παρακάτω κώδικα
- Κώδικας:
<div class="main-head"><div class="h3">{L_MOST_ACTIVE_STARTERS}</div></div>
- Κώδικας:
<div class="main-head1"><div class="h3">{L_MOST_ACTIVE_STARTERS}</div></div>
ψάχνετε τον παρακάτω κώδικα
- Κώδικας:
<div class="main-head"><div class="h3">{L_MOST_ACTIVE_TOPICS}</div></div>
- Κώδικας:
<div class="main-head1"><div class="h3">{L_MOST_ACTIVE_TOPICS}</div></div>
4.mod_most_viewed_topics
ψάχνετε τον παρακάτω κώδικα
- Κώδικας:
<div class="main-head"><div class="h3">{L_MOST_VIEWED_TOPICS}</div></div>
- Κώδικας:
<div class="main-head1"><div class="h3">{L_MOST_VIEWED_TOPICS}</div></div>
5.mod_poll
ψάχνετε τον παρακάτω κώδικα
- Κώδικας:
<div class="main-head">
- Κώδικας:
<div class="main-head1">
6.mod_recent_topics
ψάχνετε τον παρακάτω κώδικα
- Κώδικας:
<div class="main-head"><div class="h3">{L_RECENT_TOPICS}</div></div>
- Κώδικας:
<div class="main-head1"><div class="h3">{L_RECENT_TOPICS}</div></div>
7.mod_top_post_users_month
ψάχνετε τον παρακάτω κώδικα
- Κώδικας:
<div class="main-head"><div class="h3">{L_TOP_POST_USERS_MONTH}</div></div>
- Κώδικας:
<div class="main-head1"><div class="h3">{L_TOP_POST_USERS_MONTH}</div></div>
8.mod_top_post_users_week
ψάχνετε τον παρακάτω κώδικα
- Κώδικας:
<div class="main-head"><div class="h3">{L_TOP_POST_USERS_WEEK}</div></div>
- Κώδικας:
<div class="main-head1"><div class="h3">{L_TOP_POST_USERS_WEEK}</div></div>
9.mod_top_posters
ψάχνετε τον παρακάτω κώδικα
- Κώδικας:
<div class="main-head"><div class="h3">{L_TOP_POSTERS}</div></div>
- Κώδικας:
<div class="main-head1"><div class="h3">{L_TOP_POSTERS}</div></div>
έτοιμο :)