
You have to buy it - it's a commercial font.darkly wrote:Where did you get/download the font?
Code: Select all
<script type="text/javascript">
$(document).ready(function() {
// When the mouse enters div1, show div2
$('#sn-not-logged-in').mouseenter(function() {
$('#sn-not-logged-in-hover').fadeIn('medium');
});
// When the user's mouse leaves div2, fade it out
$('#sn-not-logged-in-hover').mouseleave(function() {
$('#sn-not-logged-in-hover').fadeOut('medium');
});
});
</script>
ttf wrote:Have a noob query thoughHow to get it stretch across the screen:
Sorry, can't keep everyone happyChristian 2.0 wrote:Things you should know:
- ...
- This style does not, and never will support fluid width.
...
Thank you very much, I've found it.Christian 2.0 wrote:All can be changed in colours.cssNawid wrote:Thank you very much Cristian.![]()
Question, possible to change font size? I would like to have a smaller font size for topics, who is online text, forum names etc...
Topic text:Topic titles:Code: Select all
.content { color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px !important; }
Forum names:Code: Select all
a.topictitle { color: #105289; font-size: 13px; font-family: Verdana, Geneva, sans-serif; }
Who is online uses the global body { selector, although you can give it its own font-size. Open: index_body.htmlCode: Select all
a.forumtitle { color: #0f5493; font-family: Verdana, Geneva, sans-serif; font-weight: bold; font-size: 14px; letter-spacing: -0.5px; }
Find:Replace with:Code: Select all
<!-- IF S_DISPLAY_ONLINE_LIST --> <div class="sn-stat-info" style="background-image: url('{T_THEME_PATH}/images/who-is-online.png');">
Code: Select all
<!-- IF S_DISPLAY_ONLINE_LIST --> <div class="sn-stat-info" style="background-image: url('{T_THEME_PATH}/images/who-is-online.png'); font-size: 10px;">
Also not possible to make smaller? I mean, for example, if this style's width is 1000px, possible to make it 800px?This style does not, and never will support fluid width.
Code: Select all
[i]Edit:
Please see image
http://www.schoollife.nl/upload/images/help.jpg
I have no idea what I did and when I did this, but I think the whole block should be a bit more right.
Does someone have got an idea what to do?[/i]
Any luck with the missing image, or is it just me being silly.therat wrote:I think there is an image missing from the imageset topic_unread_mine.png, it's showing as missing on my server logs and doesn't appear to be in the download either.
Not without a whole bunch of resizing images and adjusting tricky CSS values (eg: one width is set at 52.3%).Nawid wrote:Also not possible to make smaller? I mean, for example, if this style's width is 1000px, possible to make it 800px?
Oops, not sure how I managed to forget that imagetherat wrote:Any luck with the missing image, or is it just me being silly.
Hey Thankyou for sharingChristian 2.0 wrote:Sure- Basically it's just a simple little snippet of jQuery which says displays one div when you hover over the other. So here are our two divs:
#sn-not-logged-in:
#sn-not-logged-in-hover:
The latter (#sn-not-logged-in-hover) has "display: none;" set in its CSS so that it doesn't show when the page loads. When a user's mouse enters the first div (#sn-not-logged-in), jQuery tells the browser to fade in the second div (#sn-not-logged-in-hover). If you look at the CSS for the second div you'll see I've used relative positioning not only to display the form content above the top div, but also so I could use z-index to make it overlap other relatively positioned elements such as the nav bar.
jQuery then tells the browser "When the user's mouse leaves the div, fade it out". The snippet itself is very straight-forward, and you don't need a great deal of jQuery knowledge to be able to work out what does what.
Code: Select all
<script type="text/javascript"> $(document).ready(function() { // When the mouse enters div1, show div2 $('#sn-not-logged-in').mouseenter(function() { $('#sn-not-logged-in-hover').fadeIn('medium'); }); // When the user's mouse leaves div2, fade it out $('#sn-not-logged-in-hover').mouseleave(function() { $('#sn-not-logged-in-hover').fadeOut('medium'); }); }); </script>
Code: Select all
<script type="text/javascript">
$(document).ready(function() {
// When the mouse enters div1, show div2
$('#sn-not-logged-in').mouseenter(function() {
$('#sn-not-logged-in-hover').fadeIn('medium');
});
// When the user's mouse leaves div2, fade it out
$('#sn-not-logged-in-hover').mouseleave(function() {
$('#sn-not-logged-in-hover').fadeOut('medium');
});
});
</script>
Code: Select all
#sn-header {background: url("../images/red/headerbg.png");}
a#sn-logo {background-image: url("../images/red/logo.png");}
#sn-not-logged-in {background-image: url("../images/red/login-notice.png");}
#sn-not-logged-in-hover {background-image: url("../images/red/login-notice-hover.png");}