Search…

X3 Photo Gallery Support Forums

Search…
 
jonnyac
Topic Author
Posts: 14
Joined: 01 Oct 2006, 13:58

Workarround changing font for Gallery

15 Aug 2008, 10:45

Hello,
is there any workarround for changing the font for the
Lettters in the Gallery? I want to have the same as my
internet site usualy uses.
That would be great.
Thx!
Jonny
 
User avatar
nz-photo
Experienced
Posts: 248
Joined: 06 Dec 2007, 17:26

15 Aug 2008, 10:53

Just check the cSS file...
When you're editing your theme, on the right you can switch to EDIT CSS.
You'll find the font choice for any part of the gallery.
Empty your mind, be formless, be shapeless, like water...
www.nz-photo.com
 
jonnyac
Topic Author
Posts: 14
Joined: 01 Oct 2006, 13:58

15 Aug 2008, 11:24

nz-photo wrote:Just check the cSS file...
When you're editing your theme, on the right you can switch to EDIT CSS.
You'll find the font choice for any part of the gallery.

thx for your answer, but i am an beginnter... my css is looking the way below. i have a font on my system calles desedh__.ttf what have i to do to change it? its not working to set the fonts family to desedh__.ttf. Thx for you work with me Smile!


/* Imagevue CSS Document */

/* Supported styles for Flash:
font-family - A comma-separated list of fonts to use, in descending order of desirability. Any font family name can be used.
font-size - Only the numeric part of the value is used; units (px, pt) are not parsed; pixels and points are equivalent.
font-weight - Recognized values are normal and bold.
font-style - Recognized values are normal and italic.
color - Only hexadecimal color values are supported. Named colors (like blue) are not supported.
text-decoration - Recognized values are none and underline.
text-align - Recognized values are left, center, and right.
margin-left - Only the numeric part of the value is used. Units (px, pt) are not parsed; pixels and points are equivalent.
margin-right - Only the numeric part of the value is used. Units (px, pt) are not parsed; pixels and points are equivalent.
text-indent - Only the numeric part of the value is used. Units (px, pt) are not parsed; pixels and points are equivalent.
display - Supported values are inline, block, and none.
leading - Space after end of line
*/

/* Guidelines:
- Allways use # in front of colors
*/

body {
font-size: 13px;
font-family: Candara, Arial, "Times New Roman", Times, serif;
color: #CCCCCC;
}
a:link {
color: #CCFF00;
}
a:hover {
text-decoration: underline;
}
.mainmenu {
color: #FFFFFF;
font-size: 15px;
}
.mainmenu_menubutton {
font-style: italic;
}
.mainmenu_node {
color:#CCFF00;
font-size:12px;
}
.mainmenu_title {
font-size: 14px;
}
.mainmenu_amount{
color: #CCCCCC;
font-size: 17px;
}
.folderdescription_title{
font-size: 16px;
color: #CCFF00;
leading: 2px;
}
.folderdescription_amount{
font-size: 13px;
color: #CCCCCC;
}
.folderdescription_date{
leading: 5px;
color: #CCCCCC;
}
.folderdescription_description{
color: #EEEEEE;
}
.maincontrols {
color: #CCCCCC;
font-size: 14px;
font-style: italic;
}
.text_1 {
font-size: 10px;
font-weight: normal;
letter-spacing: 0px;
}
.text_1_imageindex {
font-size: 10px;
}
.text_1_title {
font-size: 18px;
font-style: italic;
color: #FFFFFF;
}
.text_1_filename {
}
.text_1_dimensions {
}
.text_1_filesize {
}
.text_1_date {
}
.text_1_exifdata {
}
.text_1_description {
font-size: 12px;
}
.text_1_folderdescription {
font-size: 12px;
}
.text_1_link {
}
.text_1_download {
}
.text_1_folderpath{
}
.text_1_foldername{
}
.text_1_abslink{
}
.text_2 {
font-size: 10px;
font-weight: normal;
letter-spacing: 0px;
}
.text_2_imageindex {
font-size: 9px;
font-style: italic;
}
.text_2_title {
font-family: Georgia, Verdana;
font-size: 15px;
font-weight: bold;
leading: 7px;
}
.text_2_filename {
}
.text_2_dimensions {
}
.text_2_filesize {
}
.text_2_date {
}
.text_2_exifdata {
}
.text_2_description {
}
.text_2_folderdescription {
}
.text_2_link {
}
.text_2_download {
}
.text_2_folderpath{
}
.text_2_foldername{
}
.text_2_abslink{
}
.textpage{
}
.textpage_title{
font-size: 30px;
leading: 8px;
color:#CCFF00;
font-style: italic;
}
.textpage_body{
font-size: 15px;
}
.imagebuttons_help {
font-style: italic;
}
.audioplayer {
}
.audioplayer_main {
}
.audioplayer_id3 {
color: #999999;
}
.audioplayer_id3_first {
font-size: 17px;
font-style: italic;
}
.audioplayer_tracklist {
font-family: Candara, Verdana, Arial;
font-size: 12px;
color: #FFFFFF;
}
.generic_thumbnail {
font-size: 17px;
}
.text_items {
font-family: Candara, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
}
.unsupported_items {
font-family: Candara, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
}
.unsupported_items_heading {
font-family: Candara, Georgia, "Times New Roman", Times, serif;
font-size: 17px;
}
.unsupported_items_content {
}
 
winph
Experienced
Posts: 236
Joined: 19 Jul 2008, 05:07

15 Aug 2008, 21:34

hi if your changing your font to non-standard, nobody else can see the font unless they also have the font, be sure to add alternate font.
e.g. font-family: "YOUR FONT", arial;

open any word processing software then check the font name their. then use that in your css file.
 
User avatar
mjau-mjau
X3 Wizard
Posts: 14452
Joined: 30 Sep 2006, 03:37

16 Aug 2008, 01:12

That's right ...

The CSS for the flash gallery works just like it works in HTML. You need to use a font that all users have on their systems, or at least deploy a font family to make sure you assign backup fonts.

You can not simply assign any custom font to be used, as this would require us to embed all the worlds fonts in the gallery, and that is of course not feasible.

CSS is a category for itself in the world of web development, but a lot of it is quite easy to understand just by looking at the code.

More info on CSS:
http://www.w3.org/Style/CSS/
http://www.w3schools.com/css/css_intro.asp
http://www.csstutorial.net/