Jump to content
Sign in to follow this  
|HTML|HP_G7

Otoczony wygląd daty w pluginie TopStats. Jak zrobić ? CSS

Recommended Posts

Witam mam pytanko jak zrobić takie coś jak na ss chodzi mi o to gdzie jest data

 

image

Share this post


Link to post
Spoiler

 

Edytujesz odpowiedni szablon np: topStats_LastActiveThreadsRow


            <tr><td class="trow1">
            {$tpl['avatar']}
            <a href="{$tpl['subjectlink']}">{$tpl['subject']}</a><br />
            {$tpl['profilelink']}<span style="float: right;margin-right: 5px;">{$tpl['date']}</span>
            </td></tr>
            

Odpowiednio go dostosowując np: usuwasz ze <span> style i zastępujesz to np: class="topstats-date"> 


            <tr><td class="trow1">
            {$tpl['avatar']}
            <a href="{$tpl['subjectlink']}">{$tpl['subject']}</a><br />
            {$tpl['profilelink']}<span class="topstats-date">{$tpl['date']}</span>
            </td></tr>

Teraz dodajesz tylko stylizujesz w css np.


.topstats-date {
	float: right;
	margin-right: 5px;
 	padding: 3px 5px;
  	border-radius: 3px;
	background: linear-gradient(#2993d9, #0572b9);
}

I gotowe.


 

Edit: chyba źle zrozumiałem i nie o to chodzi xD

 

 

Edited by SimLay
  • Like 3

Share this post


Link to post
.trala {
    background: blue;
    display: inline-block;
    height: 15px;
    line-height: 15px;
    padding: 0 5px;
    font-size: 9px;
    font-weight: bold;
    text-transform: uppercase;
    color: #FFF;
    vertical-align: middle;
}
<div class="trala">coś</div>

Edited by BaQuee
  • Like 2

Share this post


Link to post
3 godziny temu, Szeroki napisał:

jak to zrobić?  gdzie  co i jak bo nie mogę tego zrobić


W stylach css musisz dodać odpowiedni styl.

 

Przykładowa klasa:

nazwa_klasy {
	color: #fff;
    background-color: #468847;
	padding: 3px 9px;
    border-radius: 2px;
}

 

Następnym krokiem jest zastosowanie klasy, możesz to zrobić za pomocą np. diva.

 

Przykłady zastosowania:

<div class="nazwa_klasy">
<span class="nazwa_klasy">

 

Pozdrawiam, 

Piotr

  • Like 1

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Create a New Account. It’s free and easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  
×
×
  • Create New...