Get started with PHP-Fusion

Start a New Thread

Users Participated

  • Craig
    Post made: 5
  • HaYaLeT
    Post made: 1
  • Lippke
    Post made: 3
  • Giraffex
    Post made: 1

  1. PHP-Fusion Support Forums
  2. General Addon and Modification Support
  3. Themes Support

Guide:: New PHP-Fusion 7.02 Style Classes - Sticky

All Theme and graphics related questions

9 Replies 6,481 Views Last Updated on 7 months ago

Craig


Fusioneer

#1

Posted 4 years ago

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.



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

Code Gist: Download source  

// 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.

Code Gist: Download source  

// 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.

Code Gist: Download source  
// 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.

Code Gist: Download source  
// 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.

Code Gist: Download source  

// 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.

Code Gist: Download source  

// 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.

Code Gist: Download source  

// 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.

Code Gist: Download source  

// 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.
Edited by Craig on 13-08-2011 21:59

Posts: 4520

Joined: 27/09/2005

HaYaLeT


Senior Member

#2

Posted 4 years ago

Great.. i56.tinypic.com/jpvbc9.gif
Can we use now? If your answer yes then how? Grin
Edited by HaYaLeT on 14-08-2011 11:40

Posts: 260

Joined: 31/10/2008

Craig


Fusioneer

#3

Posted 4 years ago

Do you use 7.02? Then yes.

Posts: 4520

Joined: 27/09/2005

Lippke


Member

#4

Posted 4 years ago

Fangree_Craig wrote:
Code Gist: Download source  

// 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
- Lippke

Hi ;)

Posts: 167

Joined: 18/03/2010

Craig


Fusioneer

#5

Posted 4 years ago

Yes as the title says new 7.02 classes. lol

Posts: 4520

Joined: 27/09/2005

Lippke


Member

#6

Posted 4 years ago

Yea but this classes are only in stylo theme
- Lippke

Hi ;)

Posts: 167

Joined: 18/03/2010

Craig


Fusioneer

#7

Posted 4 years ago

Stylo is a new 7.02 theme is it not? Shock

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

Posts: 4520

Joined: 27/09/2005

Lippke


Member

#8

Posted 4 years ago

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


Yes, and in profile there are:

Code Gist: Download source  
.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

Code Gist: Download source  
.site-links {
color: #???;
text-decoration: ???;
}

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


And in admin panels

Code Gist: Download source  
.panels-list {
color: #???;
text-decoration: ???;
}


And in PHP-info

Code Gist: Download source  
.phpinfo {
color: #???;
text-decoration: ???;
}

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


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

Code Gist: Download source  
.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: ???;
}

Edited by Lippke on 26-08-2011 15:09

Posts: 167

Joined: 18/03/2010

Craig


Fusioneer

#9

Posted 2 years ago

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


Code Gist: Download source  

.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 {}

Posts: 4520

Joined: 27/09/2005

Giraffex


Newbie

#10

Posted 7 months ago

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

Can I paste it on polish forum?

Posts: 1

Joined: 06/10/2014

Jump to Forum:
11 users are online
1 member and 10 guests

MegaPudi