Jump to content
Search In
  • More options...
Find results that contain...
Find results in...

Coding

Sign in to follow this  
Articles on coding advice and helpful tips to help with coding your website.

24 guides in this category

  1. Pure CSS Tooltip Styling

    Goodbye, boring tooltip, hello, beautiful tooltips that match your site. Gone are the days of needing to do this with Javascript and jQuery. And, it's accessible to screen readers, too!

    Type: Look & Feel Software: Other
    • 40 views
  2. Mini-Profile - click or hover to reveal information

    This is a base for a mini profile that you can either hover over or click onto, to reveal more information about the author. I built this in response to the problem created by hovers: they do not necessarily work for iOS devices. Adding a click function allows all users to access the information usually found with a hover.

    Type: Look & Feel
    • 249 views
  3. 2-Grid Forum Layout

    In this wee guide, I'm going to show you how to do a side by side forum layout with MYBB and Jcink. This is the only customization that this code does.

    Type: Look & Feel Software: Jcink, MyBB
    • 267 views
  4. Javascript Tabs

    A guide to making Tabs with javascript.

    Type: Javascript
    • 367 views
  5. BBCode 101

    Want to make your character's speech stand out or place emphasis on all the yelling instead of CAPSING IT ALL OVER THE PLACE? Find out how to be bold with BBCode. :D

    Type: Other
    • 547 views
  6. Tips on Skinning

    @"Claire" asked for some tips on making her first skin but my reply got so big I figured I'd turn it into a guide.

    You always wanted to know how to annotate your face, right? ;P

    DISCLAIMER: I am not actually a drunkard like this post would suggest. (Seriously, the most I ever drink is a (very large) glass of Baileys at Christmas. Every night for a month. It's like a grown-up advent calendar.) The "wine" stains were in fact blood stains from all the hair-pulling.

    DISCLAIMER THE SECOND: I don't really have one, I just felt like saying "disclaimer the second".

    DISCLAIMER THE THIRD: Oh, look, I did have a second disclaimer after all: I may or may not add to this list of tips in the near or distant future if my brain should decide to spill its guts some more. Who knows.

    Type: Look & Feel Software: Jcink
    • 596 views
  7. Circular image with circular text around it

    When I have a circular image, I want the text around it to curve with it. Here's a quick guide to doing that!

    Type: Look & Feel
    • 139 views
  8. Jcink Themeing: What you Need

    This guide is the precursor guide to how to create a theme, step by step on Jcink. This will start from how do you even start a new theme on Jcink to exporting/importing it to s site. This particular guide is the expectations that I have for a member to follow guides in order to be successful.

    Type: Look & Feel Software: Jcink
    • 697 views
  9. Simple, Flexible Templates with doHTML and CSS

    Video Tutorial: Want a unique post style that reflects your site, without mixing and matching a heap of pre-coded templates? Coding your own is easy! Here's how.

    Type: Look & Feel
    • 226 views
  10. PHP Fundamentals I

    Part of a guide series, the PHP Fundamentals guide dives into the very basics of PHP and how it works, designed for people that have never worked with PHP at all, or only very briefly (or people that just want more solid info on the ostensibly easy stuff). This series is designed to build on itself, because PHP is like algebra, you can't just dive straight into the middle. ... well, you could, but it wouldn't be pretty. Fundamentals I covers variables, echo, conditionals, and comparisons.

    Type: PHP
    • 233 views
  11. Who Posted Today? -- Block for IPS

    If you're using a Linked Accounts mod (specifically, Adriano's Linked Accounts), you'll be aware that it doesn't acknowledge that a member has been online in the Members Online Today list. To get around that, and also give an accurate view of how active your forum is, this block creates a styled list of every member who has posted some form of content in the last 24 hours.

    Type: PHP Software: Invision Power Services (IPS)
    • 275 views
  12. Accessing Profile Field Data in IPS

    Using IPS template logic and a little PHP, you can access, manipulate and display almost any field in the database. Although this tutorial focuses primarily on moving profile fields around to display in posts, the process of finding, naming, and displaying data across the board remains the same. 

    Type: Look & Feel Software: Invision Power Services (IPS)
    • 189 views
  13. Add a Select All Button in Showthread

    Would it be easier for you to select all posts in a thread for moderating? This functionality can be useful when you want to mod nearly all of the posts in a thread, leaving some of them unmodded. 

    Type: Other Software: MyBB
    • 120 views
  14. Move Jcink Alerts Popup

    So a lot of people hate the default user bar that JCink provides however if you get rid of it then you get rid of the alerts popup with is super helpful for those that like to track their posts through this. So I figured out the javascript and adapted it so you can move the link to wherever you like.

    Type: Look & Feel Software: Jcink
    • 183 views
  15. Starting a Theme

    These few steps are universal for creating a theme, we're going to go through the initial steps of developing a theme, this is going to include a few key factors. This will include questions you want to ask yourself and good practices.

    Type: Look & Feel
    • 184 views
  16. PHP Fundamentals II

    Part of a guide series, the PHP Fundamentals guide dives into the very basics of PHP and how it works, designed for people that have never worked with PHP at all, or only very briefly (or people that just want more solid info on the ostensibly easy stuff). This series is designed to build on itself, because PHP is like algebra, you can't just dive straight into the middle. ... well, you could, but it wouldn't be pretty. Fundamentals II covers globals and superglobals.

    Type: PHP
    • 79 views
  17. PHP Fundamentals III

    Part of a guide series, the PHP Fundamentals guide dives into the very basics of PHP and how it works, designed for people that have never worked with PHP at all, or only very briefly (or people that just want more solid info on the ostensibly easy stuff). This series is designed to build on itself, because PHP is like algebra, you can't just dive straight into the middle. ... well, you could, but it wouldn't be pretty. Fundamentals III covers arrays.

    Type: PHP
    • 92 views
  18. PHP Fundamentals IV

    Part of a guide series, the PHP Fundamentals guide dives into the very basics of PHP and how it works, designed for people that have never worked with PHP at all, or only very briefly (or people that just want more solid info on the ostensibly easy stuff). This series is designed to build on itself, because PHP is like algebra, you can't just dive straight into the middle. ... well, you could, but it wouldn't be pretty. Fundamentals IV covers functions.

    Type: PHP
    • 107 views
  19. How to Center Things

    If you don't know how to center without the center tag, this guide will show you how.

    Type: Look & Feel
    • 115 views
  20. HTML/CSS Transitions

    By popular demand, and threat of kangaroos (I jest), a couple quick tutorial-guides on how to achieve neat-o CSS transition animation effects; there are two different effects here. The concept is essentially the same, but how they operate is a little different, so I decided to write out both. Yes, it's entirely CSS and HTML, I promise. We'll be using CSS transitions to create a cool letter spacing effect, where one line spreads out and vanishes, and is replaced by a new line that fades in and pulls together. We'll also make little corners that move in and out on hover, very neat sci-fi-like effect. This will not just give you the codes, it will walk you through creating them, and assumes you have a minimal understanding of basic CSS.

    Type: Look & Feel
    • 234 views
  21. How to Read and identify HTML and CSS

    This guide will teach you what makes up a HTML and CSS code, giving you the language to be able to identify each part of the code. Knowing the right language allows you to better communicate your message to other coders, thus increasing your ability to state what you're having trouble with. Or what you're looking for.

    Type: Look & Feel Software: Other
    • 154 views
  22. Importance Of Box-Sizing CSS

    Here to save the day for those troubling with padding and border causing additional pixels to your widths.

    Type: Look & Feel Software: Jcink, Invision Power Services (IPS), Journals (Tumblr, Wordpress, Livejournal, Insanejournal), MyBB, Nova, phpBB, Proboards (Freeforums), SMF, XenForo, Other
    • 132 views
  23. Jcink Theming: Creating the theme

    This is the first true guide in theming for Jcink. As with anything you have to start somewhere and in this instance we need to create a theme and the things that make up a theme.

    Type: Look & Feel Software: Jcink
    • 182 views
  24. Determining your look

    This guide is to help you figure out how you want your site to look. It's an important step when theming a site to know where you want bits and bobs before you put your fingers to keyboard to start developing it. You'll find while coding them it will still evolve but this is to get you thinking about where you want things.

    Type: Look & Feel Software: Jcink, Invision Power Services (IPS), Journals (Tumblr, Wordpress, Livejournal, Insanejournal), MyBB, Nova, phpBB, Proboards (Freeforums), SMF, XenForo, Other
    • 139 views
Sign in to follow this  


×
×
  • Create New...

Important Information

By using this site, you agree to our Terms of Use, Guidelines and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.