You are not logged in.

Announcement

Forum database was corrupt and an old backup was restored as temporary replacement. Registrations closed until the database is recovered. Please ask questions using the Contact form

#1 05-06-2013 17:09:10

SindeeSyringe
Contributors
From: United States
Registered: 21-05-2013
Posts: 37
Website

labelPosition

I have searched what I could I cant find my answer so maybe someone can help. I would like to have my one of my tiles have the labelPosition on the bottom right corner, seems there are only 2 settings top/bottom. Can someone point me in the direction as to what files to edit to make more custom options.

ex.
top left / top right
bottom left / bottom right

thanks

Offline

#2 05-06-2013 19:36:20

Thomas
Administrator
Registered: 10-03-2013
Posts: 897

Re: labelPosition

It's the css in css/tiles.css (line 83 etc)

But I can't say now directly what should be changed, maybe I take a look on friday.

Offline

#3 05-06-2013 19:47:38

SindeeSyringe
Contributors
From: United States
Registered: 21-05-2013
Posts: 37
Website

Re: labelPosition

.tileLabel.bottom{	
	position:relative;
	padding: 2px 2px 0px 2px;
	margin-bottom:-4px;  
        border-right: 15px solid transparent;  
        border-bottom: 20px solid #777;    
        height: 0;  
        line-height: 17px;  
}
/* TOP LABEL */
.tileLabelWrapper.top{
	top:0;
	border-left: 15px solid transparent;  
        border-top: 20px solid #777;
	height: 0;
	z-index:15;
}

yes I been working on it for an hour now cant say im having much luck tho. everytime I try something my site crashes.. maybe ill just hold off till someone else trys and crack it hmm

Offline

#4 05-06-2013 19:57:46

Thomas
Administrator
Registered: 10-03-2013
Posts: 897

Re: labelPosition

To get the toplabel to the left side:

.tileLabelWrapper.top{
	top:0;
	left:0;
	border-right: 15px solid transparent;  
    border-top: 20px solid #777;
	height: 0;
	z-index:15;
	width:auto; 
	right:auto;
}

To get the bottom label on the right side:

/*BOTTOM LABEL */
.tileLabelWrapper.bottom{
	bottom:0;
	left:auto;	
	right:0;
}
.tileLabel.bottom{	
	position:relative;
	padding: 2px 2px 0px 2px;
	margin-bottom:-4px;  
    border-left: 15px solid transparent;  
    border-bottom: 20px solid #777;    
    height: 0;  
    line-height: 17px;  
}

Please note that this will affect all botttom/top labels! And some labels of special tiles might not work (tileFlip for example...)

Offline

Board footer

Powered by FluxBB