Sponsored Content
The Lounge What is on Your Mind? Quick Changes to Member Profile Page Post 303022492 by Neo on Sunday 2nd of September 2018 02:53:12 AM
Old 09-02-2018
Quick Changes to Member Profile Page

Hey,

There are still some "right margin" bugs in the CSS on the members profile page, but I did make some changes today:

Image

Image

Image

These changes included some CSS changes and some changes to the vBulletin Javascript for this page (change the edit image to font awesome icons), and some added jQuery code:

Code:
$(document).ready(function() {
  $(".statistics_group, legend,fieldset,dl").css({
    "border-color": "lightblue",
    "border-width": "1px",
    "background-color": "#f5fff4"
  });
  $(".neo-table-divs-border").css({ margin: "20px 0px 0px 0px" });
  $("dd,a,li,td,pre").css({ color: "rgba(1, 8, 94,0.9)" });
  $(".shade").css({ color: "rgba(1, 8, 94,0.7)" });
  $("pre, #activity_info").css({ "background-color": "#f5fff4" });
  $(".fa-chalkboard-teacher").css({ "font-size": "0.7em" });
});

Example small changes to vBulletin JS code (now):

Code:
 
this.control_parent.appendChild(document.createElement("a"));
this.control.href = "#";
this.control_image = document.createElement("i");
this.control_image.setAttribute("class", "fas fa-pencil-alt");
this.control_image.setAttribute("style", "padding-left:10px;color:rgba(1, 8, 94, 0.9);font-size:0.8em;");

Was (originally, something like this):

Code:
this.control_image = new Image();
this.control_image.src=IMGDIR_MISC+"/userfield_edit.gif";
this.control=this.control_parent.appendChild(document.createElement("a"));
this.control.href="#";
this.control_image=this.control.appendChild(document.createElement("img"));
this.control_image.src=this.factory.control_image.src;

There is still some legacy bug in the vBulletin CSS which effects the right margins. >> TODO List
 

3 More Discussions You Might Find Interesting

1. What is on Your Mind?

New Member Profile Pages (Proposal)

Hey, I am thinking to get rid of the old and clunky member profile pages and replace with a prototype from Brad at Traversy Media. Here is the prototype: Welcome To My Portfolio Basically, I will take the links in the user profile page and put them into the new format when I have time.... (3 Replies)
Discussion started by: Neo
3 Replies

2. What is on Your Mind?

Quick Bootstrap Reformat of Forum Staff Page

This page still needs work (complete redesign), but in the meantime, I quickly added some Bootstrap classes to "pretty it up": https://www.unix.com/staff.php https://www.unix.com/staff.php (0 Replies)
Discussion started by: Neo
0 Replies

3. Web Development

Quick Fix for Google Search Console "Page is not mobile friendly"

Over the past 10 plus years, we have countless posts where the user did not use CODE tags or they used ICODE tags incorrectly. This has has the results of this site penalized by Google for having pages which are "not mobile friendly". So, working quietly in the background, in the thankless... (0 Replies)
Discussion started by: Neo
0 Replies
Jifty::Plugin::CompressedCSSandJS(3pm)			User Contributed Perl Documentation		    Jifty::Plugin::CompressedCSSandJS(3pm)

NAME
Jifty::Plugin::CompressedCSSandJS - Compression of CSS and javascript files SYNOPSIS
# In your jifty config.yml under the framework section: Plugins: - CompressedCSSandJS: js: 1 css: 1 jsmin: /path/to/jsmin cdn: 'http://yourcdn.for.static.prefix/' skipped_js: - complex.js generate_early: 1 DESCRIPTION
This plugin provides auto-compilation and on-wire compression of your application's CSS and Javascript. It is enabled by default, unless your "ConfigFileVersion" is greater or equal than 2. It also supports js minifier, you will need to specify the full path. The jsmin can be obtained from <http://www.crockford.com/javascript/jsmin.html>. Note that you will need to use "ConfigFileVersion" 2 to be able to configure jsmin feature. skipped_js is a list of js that you don't want to compress for some reason. generate_early tells the plugin to compress the CSS and JS at process start rather than on the first request. This can save time, especially if your JS minifier is slow, for the poor sucker who makes the first request. Enabled by default. init Initializes the compression object. Takes a paramhash containing keys 'css' and 'js' which can be used to disable compression on files of that type. js_enabled Returns whether JS compression is enabled (which it is by default) css_enabled Returns whether CSS compression is enabled (which it is by default) generate_css Checks if the compressed CSS is generated, and if it isn't, generates and caches it. (In devel mode, it always regenerates it) generate_javascript Checks if the compressed JS is generated, and if it isn't, generates and caches it. _generate_javascript_nocache Generates compressed javascript, ignoring the cache completely. minify_js $js Runs the given JS through jsmin wrap psgi app wrapper to serve url controlled by us perl v5.14.2 2010-09-25 Jifty::Plugin::CompressedCSSandJS(3pm)
All times are GMT -4. The time now is 01:21 PM.
Unix & Linux Forums Content Copyright 1993-2022. All Rights Reserved.
Privacy Policy