TheBestTutorials.css Signs
Displaying Signs
With a little imagination, the subhodaya-tag and subhodaya-badge classes can be used to display all kinds of signs.
Displaying a Tag as a Sign
London Zoo
Displaying Tags in a Row
S
A
L
E
Example
<div class="subhodaya-tag subhodaya-red">S</div>
<div class="subhodaya-tag subhodaya-black" >A</div>
<div class="subhodaya-tag subhodaya-yellow">L</div>
<div class="subhodaya-tag subhodaya-black">E</div>
Try It Yourself »
<div class="subhodaya-tag subhodaya-black" >A</div>
<div class="subhodaya-tag subhodaya-yellow">L</div>
<div class="subhodaya-tag subhodaya-black">E</div>
Displaying Road Signs
Falcon Ridge Parkway
Example
<div class="subhodaya-tag subhodaya-round subhodaya-green" style="padding:3px">
<div class="subhodaya-tag subhodaya-round subhodaya-green subhodaya-border subhodaya-border-white">
Falcon Ridge Parkway
</div>
</div>
Try It Yourself »
<div class="subhodaya-tag subhodaya-round subhodaya-green subhodaya-border subhodaya-border-white">
Falcon Ridge Parkway
</div>
</div>
Displaying Large Signs
IN CASE OFEMERGENCY
RUN LIKE HELL !
Example
<span class="subhodaya-tag subhodaya-xxlarge subhodaya-padding subhodaya-orange subhodaya-center">
<strong>
IN CASE OF<br>
EMERGENCY<br>
RUN LIKE HELL !
</strong>
</span>
Try It Yourself »
<strong>
IN CASE OF<br>
EMERGENCY<br>
RUN LIKE HELL !
</strong>
</span>
49,99
Example
<div class="subhodaya-tag subhodaya-jumbo subhodaya-green">
<span class="subhodaya-xxlarge">49</span>
<span class="subhodaya-large">,99</span>
</div>
Try It Yourself »
<span class="subhodaya-xxlarge">49</span>
<span class="subhodaya-large">,99</span>
</div>
Displaying Rounded Signs
DO NOTBREATHE
UNDER WATER
Example
<span class="subhodaya-tag subhodaya-xxlarge subhodaya-padding subhodaya-round-large subhodaya-red
subhodaya-center">
DO NOT<br>
BREATHE<br>
UNDER WATER
</span>
Try It Yourself »
DO NOT<br>
BREATHE<br>
UNDER WATER
</span>
Displaying A Flag
Example
<div class="subhodaya-display-container subhodaya-white subhodaya-border subhodaya-card-8"
style="height:200px;width:350px">
<div class="subhodaya-display-topleft subhodaya-container subhodaya-red" style="width:25%;height:40%"><p></p></div>
<div class="subhodaya-display-topright subhodaya-container subhodaya-red" style="width:60%;height:40%"><p></p></div>
<div class="subhodaya-display-bottomleft subhodaya-container subhodaya-red" style="width:25%;height:40%"><p></p></div>
<div class="subhodaya-display-bottomright subhodaya-container subhodaya-red" style="width:60%;height:40%"><p></p></div>
</div>
Try It Yourself »
<div class="subhodaya-display-topleft subhodaya-container subhodaya-red" style="width:25%;height:40%"><p></p></div>
<div class="subhodaya-display-topright subhodaya-container subhodaya-red" style="width:60%;height:40%"><p></p></div>
<div class="subhodaya-display-bottomleft subhodaya-container subhodaya-red" style="width:25%;height:40%"><p></p></div>
<div class="subhodaya-display-bottomright subhodaya-container subhodaya-red" style="width:60%;height:40%"><p></p></div>
</div>