Oh no! Where's the JavaScript?
Your Web browser does not have JavaScript enabled or does not support JavaScript. Please enable JavaScript on your Web browser to properly view this Web site, or upgrade to a Web browser that does support JavaScript.
Sign In
Not a member yet? Click here to register.

Guide:: New PHP-Fusion 7.02 Style Classes

In PHP-Fusion V7.02 some new style classes were implemented giving theme designers more styling control over certain elements which in previous versions of PHP-Fusion was not possible to do without modifications of the core files.

In this post you can see all new classes that are now needed in styles.css files for PHP-Fusion V7.02.


Quote


Attention messages properties
Attention Messages can now be styled for Admin messages, No Comments message and No JavaScript Enables Message.

CodeDownload  

// No JavaScript Message
.noscript-message {
}

// No Comments Message
.nocomments-message {
}



Form element properties
New Form elements for the BB Codes popup and Attachments legend & fieldset can now be styled in PHP-Fusion V7.02.

CodeDownload  

// Popup for BB Code
.bbcode-popup {
}

// Fieldset for Attachments
div.emulated-fieldset {
}

div.emulated-fieldset span.emulated-legend {
}

div.emulated-fieldset div.attachments-list {
}



Side-Panel properties
A new side panel property has been added for the Drag N Drop Admin panels.

CodeDownload  
// ui for Drag N Drop Admin Panels
.ui-sortable {
}



Comments properties
Comments are now rendered in theme.php and some comments properties can now be styled including the comment message, Comment name, and Comments admin control.

CodeDownload  
// Main Comments Message 
.comment-main {
}

// Cmments Name Styles
.comment-name {
}

// Comments Admin control styles
.comment_admin {
}




General table properties
A new table property has been added for Error Message notices.

CodeDownload  

// For Error messages
.tbl-error  {
}



News properties
News Properties has changed news categories can be styled and news info (author, reads, print, etc.) can now be styled.

CodeDownload  

// News Categories style
.news-category {

}

// News Info Style, author, reads, print, etc
.news_info {
}

.news_info ul {
}

.news_info ul li {
}

.news_info li a {
}

.news_info li a:hover {
}

.news_info li.print {
}

.news_info li.print a {
}

.news_info li.print a span {
}

.news_info ul li.date { }
.news_info ul li.author { }
.news_info ul li.comments { }
.news_info ul li.cat { }
.news_info ul li.reads { }



Forum table properties
More Forum properties can now be styled includes forum breadcrumbs (viewforum navigation), viewthread message, users info, main forum table style, forum thread username style, forum thread date style, viewthread IP's style and userbar style.

CodeDownload  

// Forum Caption above Forum Categories
.forum-caption {   
}

// viewforum navigation
.forum_breadcrumbs {
}

// viewthread post message
.forum_thread_user_post {
}

// Viewthread user info
.forum_thread_user_info {
}

// Main forum thread table
.forum_thread_table {
}

// Forum thread username style
.forum_thread_user_name {
}

// Forum thread date style
.forum_thread_post_date {
}

// viewthread users ip's style
.forum_thread_ip {
}

// viewthread userbar
.forum_thread_userbar {
}



Profile specific classes
New profile classes have been added to style main profile, edit profile, Profile Link, and Profile ban, suspend etc, reason.

CodeDownload  

// Main profile width
.profile, .profile_category {
   width: ???px;
}

// Main edit Profile width
.edit-profile {
   width: ???px;
}

// Profile ban, suspend etc, reason
.profile_user_reason {
   color: #??????;
   font-weight: ????;
}

// Profile Link Username
.profile-link {
color: #???;
text-decoration: ???;


.profile-link:hover {
color: #???;
text-decoration: ??;
}



Merged on Aug 13 2011 at 20:59:26:
Just Added another class to my post that I did not know about for Profile Link.
Great.. i56.tinypic.com/jpvbc9.gif
Can we use now? If your answer yes then how? :D
Do you use 7.02? Then yes.

Quote

Fangree_Craig wrote:
CodeDownload  

// News Categories style
.news-category {

}

// News Info Style, author, reads, print, etc
.news_info {
}

.news_info ul {
}

.news_info ul li {
}

.news_info li a {
}

.news_info li a:hover {
}

.news_info li.print {
}

.news_info li.print a {
}

.news_info li.print a span {
}

.news_info ul li.date { }
.news_info ul li.author { }
.news_info ul li.comments { }
.news_info ul li.cat { }
.news_info ul li.reads { }



That is only works if you add the codes to the render news in theme.php
Yes as the title says new 7.02 classes. lol
Yea but this classes are only in stylo theme
Stylo is a new 7.02 theme is it not? :o

AHHHHH! I think I understand you mean its not a required class?

Quote

Fangree_Craig wrote:
AHHHHH! I think I understand you mean its not a required class?


Yes, and in profile there are:

CodeDownload  
.user_email {
color: #???;
text-decoration: ???;
}

.profile_category_name {
color: #???;
text-decoration: ???;
}

.user_name {
color: #???;
text-decoration: ???;
}

.user_admin_password {
color: #???;
text-decoration: ???;
}

.user_password {
color: #???;
text-decoration: ???;
}



And in admin Site links

CodeDownload  
.site-links {
color: #???;
text-decoration: ???;
}

.panels {
color: #???;
text-decoration: ???;
}



And in admin panels

CodeDownload  
.panels-list {
color: #???;
text-decoration: ???;
}



And in PHP-info

CodeDownload  
.phpinfo {
color: #???;
text-decoration: ???;
}

.phpinfo_cont {
color: #???;
text-decoration: ???;
}



Photo Gallery (User) (Don't now if tis are new)

CodeDownload  
.photogallery_album_thumb {
color: #???;
text-decoration: ???;
}

.photogallery_album_photo_link {
color: #???;
text-decoration: ???;
}

.photogallery_photo {
color: #???;
text-decoration: ???;
}

.photogallery_photo {
color: #???;
text-decoration: ???;
}

.photogallery_photo_desc {
color: #???;
text-decoration: ???;
}

.photogallery_photo_desc {
color: #???;
text-decoration: ???;
}

The Forums in PHP-Fusion 7.02 can use these style elements...


CodeDownload  

.forum {}

.forum-caption {}

.forum_cat_name {}

.forum_breadcrumbs {}

.forum_thread_title {}

.forum_thread_post_space {}

.forum_thread_user_post {}

.forum_thread_user_info {}

.forum_thread_table {}

.forum_thread_user_name {}

.forum_thread_post_date {}

.forum_thread_ip {}

.forum_thread_userbar {}

.forum_idx_table {}

.forum_table {}

.forum_thread_table {}

.edit_reason {}

.forum_sig {}

Thx. I find this only on this forum php fusion.

Can I paste it on polish forum?
Thread Information
Author
Posted In
Replies
10 posts
Views
9,271 times
Last Post
Last updated on 5 years ago
You can view all discussion threads in this forum.
You cannot set up a bounty in this discussion thread.
You can start a new discussion thread in this forum.
You cannot reply in this discussion thread.
You cannot start on a poll in this forum.
You cannot upload attachments in this forum.
You can download attachments in this forum.
You cannot up or down-vote on the post in this discussion thread.
Users who participated in discussion: Craig, HaYaLeT, Lippke, Giraffex