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
CSSED(1)							    css editor								  CSSED(1)

NAME
cssed - A tiny GTK2 CSS editor and validator. SINOPSIS
cssed [file] | [file] ... DESCRIPTION
cssed is a small but powerful CSS editor for web developing. It features auto completion, CSS syntax validation, and other utilities to help web developer to create and maintain CSS style sheets. OPTIONS
[file] .... Anything passed to the command line will be taken as a regular text file and opened in cssed's editor window. FILES
cssed-def-.xml It's the CSS definition file that stores the CSS valid values or properties. cssed can use the system file installed by default or any file named cssed-def.xml in the .cssed folder on the user's HOME directory. cssed-cfg.xml It's the user's configuration file. It stores the default document settings and the highlighting color scheme. The file is stored always on close on the .cssed folder on the user's HOME directory. USING CSSED
cssed is a X graphical application so it's used with it's menus and toolbar entries. To know more about how to use cssed visit http://cssed.sourceforge.net. LOCALIZED INTERFACE
To run cssed with a Spanish interface on a non Spanish Mac system, just issue the following command in an xterm or equivalent: Bash and zsh users export LANGUAGE=es_ES; cssed tcsh users set LANGUAGE es_ES; cssed Same applies for other languages available in cssed, i.e. English (en_US) and French (fr_FR) at the time being. AUTHOR
Iago Rubio <iago.rubio@hispalinux.es> Iago Rubio Sanfiz 13 April 2004 CSSED(1)
All times are GMT -4. The time now is 06:13 AM.
Unix & Linux Forums Content Copyright 1993-2022. All Rights Reserved.
Privacy Policy