₦airaland Forum

In my last post Introduction To Twitter Bootstrap 3, I discussed some of the new features of Bootstrap 3. In today’s tutorial, I will be showing how to create a website using Twitter Bootstrap 3. This is going to be a very simple tutorials. Let’s get started.
Getting Bootstrap
For us to be able to create a website with Bootstrap 3, we need to first download the framework. So head straight to
www.getbootstrap.com and download it. For the purpose of this tutorial, you will need to download Bootstrap without source. Bootstrap comes as zip file, you will need to extract the zip file you downloaded.
Directory Structure
Now let create the directory (folder) will be be storing all our website files including the Bootstrap files. Create a new folder and name it bootstrap. Extract the downloaded Bootstrap zip file in the bootstrap folder. After the extraction, you should have a folder structure similar to below.
continue reading: http://tutorialslodge.com/create-website-bootstrap-3/

hilaryiwens05:
okk.. tanks...can u post the complete code with d !important for others who are not inclined in coding works

@media screen and (max-width : 320px ){
#sidebar {
display: none !important;
}
}

miracle4:
your current styles.css file.

remember to add !important a space after the none

tanks fr d response, was offline.

miracle4:
or even use a separate mobile template like I did on 3ptechies.com

yea, dats anoda option

EMZYSMS:
Can anyone suggest anyway to remove sidebar from the mobile view or version of any WordPress theme? The sidebar is cool on system view but not attractive when it appears towards the footer on mobile. Any suggestions?

u can use media queries to accomplish it, jst hide d sidebar from mobile devices like dis:
@media screen and (max-width : 320px ){
#sidebar {
display: none;
}
}
Hope this helps.

bigl:
Log into ur wp admin area and go to the widget area. Remove any widget u don't need by dragging it/them away from the sidebar!

That would fix it.

If u need additional help add me up on bbm 28393BBB or drop ur whatsapp no and I'll holla at u.

Check this site I did with wordpress.
Samoremphotography.com

No side bar wahala except on the pages I want it to show!

ur solution will remove sidebar (widgets) from d site entirely. wat d OP want is to remove sidebar when d site is viewed on mobile devices.

dhtml18:
We need introduction to WAPKA!

lol...my boss, I dont do WAPKA

Bootstrap is the most popular and widely used HTML, CSS and JS framework for developing responsive mobile first web projects. It is developed by the team at Twitter and its open source. Twitter Bootstrap is developed base on the grid system. Using Bootstrap, you can save a lot of time and efforts. Bootstrap 3 which is the latest version has lot of features compared to the previous version (Bootstrap 2).
What’s New In Bootstrap 3
We are going to look at some of the changes made ion Bootstrap 3.
New Design And an Optional Theme: Bootstrap 3 has an entirely new sleek design and an optional theme which allows web developers to create more attractive websites by using theme template.
Mobile First and Always Responsive: Unlike the previous version which has a separate stylesheet responsible for responsiveness, Bootstrap 3 has a single stylesheet which contains normal styling and responsive styling. Bootstrap 3 is mobile first, meaning it was designed to start from handheld devices (phones, tablets) and scale up as the device screen size increases.
The Grid System: Bootstrap 3 introduces a new grid system, with four tiers of grid classes (phone, tablets, desktops and large desktops). This allows us to create flexible and awesome layouts for each of our target devices
Glyphicons Icon Fonts: Gylhicons are included as fonts in Bootstrap 3 unlike in previous version where they were images.
source: http://tutorialslodge.com/introduction-twitter-bootstrap-3/

This is a brief Introduction to Bootstrap 3. In my next post, I will be showing you how to create a website with Bootstrap 3. In the meantime, you can head over to Bootstrap Official website, download Bootstrap 3 and their documentation.
Hope you find this post helpful, remember to signup to our newsletter to receive great tutorials directly in your mail box.

In my last post, I discussed Introduction to HTML5, where we looked at some of the new features of HTML5. Today, we will be looking at Which to Use: article vs section.
Using these new HTML5 elements can be confusing at times (I was confused to when I first started using them). But going by the semantic definitions of <article> and <section>, you will know the right to use.
<article>
Article can be considered a special form of section . It is intended to contain contents that are independent, that is, content that can stand alone outside of the surrounding content. Example of such content that could be contained within the <article> tag is blog posts. These self-contained contents are not limited to blog posts alone, they can also contain news articles, blog comments, videos etc.
continue reading: http://tutorialslodge.com/which-to-use-article-vs-section/

akereconfi:
I am working on a course work, designing a website. I want to fit my logo into the header, but once input the logo, it changes the style of the NAV bar



<body>
<div id="header">
<img src="logo.jpg" style="width:960px;height:auto;>
</div>


This is the code I used to fit it how I want, but it changes the style of the Navigation bar below

1. you omitted the end " of the style attribute. dnt knw if it like dat in ur actual code or omitted it while pasting here
2. wat d width of #header container
waiting ur response

[quote author=sigolisis post=27988356][/quote]please can I get ur contact

HTML5 is the latest and current version of HTML, it has a lot of new features introduced, though it still a working project by the World Wide Consortium (W3C) but most major browsers are beginning to support its new features. One thing I like about HTML5 is it simply DOCTYPE declaration even with all its great features, unlike it predecessors.

<!DOCTYPE html>

As we can see from above, HTML5 has really simplified everything. It also have optimized ways of linking to CSS and JavaScript files:

<link rel="stylesheet" href="style.css">
<script src="script.js"></script>

There is no need to include type=”text/stylesheet” and type=”text/javascript” to <link> and <script> respectively anymore.
In this Introduction to HTML5, we will be looking at some of the new featured introduced in HTML5. We will be focusing on the new document structure elements introduced in HTML5.
continue reading: http://tutorialslodge.com/introduction-html5/

sigolisis:
Hi guys, how's clearance going, hope there are no touching stories from your end? The process looks simple but it's time consuming, it requires being at the centre as early as 6am to write your name and waiting till 9am before they start to call the list. It's a joyful endurance anyway .

If you've been admitted, what's next? If your name is not on the list what's next? Decide on time and act accordingly. GOOD LUCK

Many thanks to you guys for joining in pushing this thread to this stage by means of following, contributions (questioning and answering) most importantly our mature conducts in sharing views and opinions without belittling anyone is highly commendable, i am not disappointed that we are DE applicants, we really demonstrated high level of maturity as we proffer solutions to problems unlike some threads where freshers just lash out and insult one another over simple matters. I'm happy we all gained and gave to others from this thread. God will enable us to make more impacts than this on the higher level. Good luck in your endeavour, see you at the top.

This is Sigolisis, I Rep PHARMACY UI

I really commend you for all the invaluable information you shared. But we UI DE aspirants needs information as regards UI DE admission

Naijazoom:
Lolz cos it's Hard?

wat is dis one saying

all these wapka sites irritates me, if u want to be called webmaster then learn the real thing.

Yusufroqib:
How can I learn how to write C++

You should post this in the programming section

The UI of a website have a great effect on a website and its users. The design of a website is depended on its layout (that is how the structuring will be). There are different type of layouts: one-column, two-column, three-column, fixed, fluid etc. The choice of varies from web designers to web designers depending on their needs. We will be discussing table vs div for layout.
Table For Layout
Tables can be used for creating website layout . It is easy to create layout with tables since tables present content in tabular form (rows and columns). The type of layout (two-column, three-column) you are designing will determine how many rows and columns your table will contain. For example, to create a two-column layout, we have something similar to the code snippet below:

<table>
<tr>
<td>Column One</td>
<td>Column Two</td>
</tr>
</table>

This will produce a two-column layout. We can remove the borders from the table to make the layout perfect by adding border=”0″ to <table>. With borders turned off, no one will know the layout was created using table unless they view source code.
One major advantage of using table for layout is it easy of use. You can create complex layout with table easily.
continue reading: http://tutorialslodge.com/table-vs-div-layout/

look for something like wrapper or container in ur css file and apply this style to it:
#wrapper {
margin: 0 auto;
}
If you can't find wrapper or container, paste sure link so I can look for you, it might be named something else.

In my last post I talked about <a href="http://
tutorialslodge.com/session-php">Session In PHP</
a>. Today I will be discussing Practical Use Of
Session In PHP. This is going to be a straight
forward tutorial, we are going store information in
session and use the information across multiple
pages. So let get started.
Open your favorite text editor (Notepad), paste the
code below in it and save as page1.php
[code lang="php"]
<?php
session_start(); //start session
$_SESSION['username'] = "mezie"; //store
information in the session variable
?>
[/code]
The code is quite straight forward. We starts the
session and assigned a string to a session variable.
Next, create another file and name it page2.php.
Paste the code below in it.
[code lang="php"]
<?php
session_start(); //start session
echo "My Username is ".$_SESSION['username']
; //display information in the session variable
?>
[/code]
When you run the code above in your browser, you
will see <strong>My Username is Mezie</strong>.
As you can see the string (mezie) has being made
available to page2.php with the help of session.
This is just one out of the numerous ways session
can be used. I hope this tutorial was helpful. Feel
free to drop your comment or questions in the
comment box below.
source: http://tutorialslodge.com/practical-use-
session-php/

In my last post I talked about <a href="http://tutorialslodge.com/session-php">Session In PHP</a>. Today I will be discussing Practical Use Of Session In PHP. This is going to be a straight forward tutorial, we are going store information in session and use the information across multiple pages. So let get started.
Open your favorite text editor (Notepad), paste the code below in it and save as page1.php
[code lang="php"]
<?php
session_start(); //start session

$_SESSION['username'] = "mezie"; //store information in the session variable
?>
[/code]
The code is quite straight forward. We starts the session and assigned a string to a session variable. Next, create another file and name it page2.php. Paste the code below in it.
[code lang="php"]
<?php
session_start(); //start session

echo "My Username is ".$_SESSION['username']; //display information in the session variable
?>
[/code]
When you run the code above in your browser, you will see <strong>My Username is Mezie</strong>. As you can see the string (mezie) has being made available to page2.php with the help of session.
This is just one out of the numerous ways session can be used. I hope this tutorial was helpful. Feel free to drop your comment or questions in the comment box below.
source: http://tutorialslodge.com/practical-use-session-php/

Today, we will be looking at session in PHP.
Session is a way to store information in variables to
be used a crossed multiple pages. Session can be
useful when you want to pass information across
multiple pages and you want the information stored
on the server. A simple session can be illustrated
when you open an application, makes some
changes then closes it. This process (opening,
changing and closing of the application) represent a
complete session.
Using Session In PHP
Before you can use session in PHP, you must first
start a session. This can be done using the
session_start(). This function must be called before
any HTML is sent to the browser. So it is advisable
to always start your session immediately after the
PHP opening tag.
continue reading: http://tutorialslodge.com/session-
php/

Today, we will be looking at session in PHP.
Session is a way to store information in variables to
be used a crossed multiple pages. Session can be
useful when you want to pass information across
multiple pages and you want the information stored
on the server. A simple session can be illustrated
when you open an application, makes some
changes then closes it. This process (opening,
changing and closing of the application) represent a
complete session.
Using Session In PHP
Before you can use session in PHP, you must first
start a session. This can be done using the
session_start(). This function must be called before
any HTML is sent to the browser. So it is advisable
to always start your session immediately after the
PHP opening tag.
continue reading: http://tutorialslodge.com/session-php/

This is the continuation of CSS For Beginners .
Today, we will be looking at CSS Box Model.
What Is CSS Box Model
Every HTML element on the web is represented as
a rectangular box. CSS Box Model describes the
content of the space taken by an element.
Concept Of CSS Box Model
Box Model helps in determining the size, properties
of an element. CSS Box Model is made up of the
following”
Content: This the actual content area. The content
can be text, images, videos etc.
Padding: The padding is the area above the content
but before the border line. That is, the padding is
the area between the content area and the border.
Border: The border is a line that goes around the
padding and the content.
Margin: The margin is the outer space above the
border, it is used to space each element from each
other.
continue reading: http://tutorialslodge.com/css-box-model/

nice concept. cool and simple layout. OK my review:
1. its not responsive
2. the search feature not working

Today, I’ll be showing how to develop a simple
Welcome application that includes the greeting
“Welcome to Java Programming!” and a picture of
the java’s bug mascot.
1 // Tutorial 2: Welcome.java
2 // This application welcomes the user to Java
programming.
3 import java.awt.*;
4 import javax.swing.*;
5
6 public class Welcome extends JFrame
7 {
8 private JLabel textJLabel; // label that displays
text
9 private JLabel pictureJLabel; // label that displays
an image
10
11 // default constructor
12 public Welcome()
13 {
14 createUserInterface();
15 }
16
17 // create and position GUI components; register
event handlers
18 private void createUserInterface()
19 {
20 // get content pane and set layout to null
21 Container contentPane = getContentPane();
22 contentPane.setBackground( Color.YELLOW );
23 contentPane.setLayout( null );
24
25 // set up textLabel
26 textJLabel = new JLabel();
27 textJLabel.setText( “Welcome to Java
Programming!” );
28 textJLabel.setLocation( 35, 0 );
29 textJLabel.setSize( 550, 88 );
30 textJLabel.setFont( new Font( “SanSerif”,
Font.PLAIN, 36 ) );
31 textJLabel.setHorizontalAlignment
( JLabel.CENTER );
32 contentPane.add( textJLabel );
33
34 // set up pictureLabel
35 pictureJLabel = new JLabel();
36 pictureJLabel.setIcon( new ImageIcon
( “bug.png” ) );
37 pictureJLabel.setBounds( 54, 120, 500, 250 );
38 pictureJLabel.setHorizontalAlignment
( JLabel.CENTER );
39 contentPane.add( pictureJLabel );
40
41 // set properties of window
42 setTitle( “Welcome” ); // set JFrame’s title bar
string
43 setSize( 608, 413 ); // set width and height of
JFrame
44 setVisible( true ); // display JFrame on screen
45
46 } // end method createUserInterface
47
48 // main method
49 public static void main( String args[] )
50 {
51 Welcome application = new Welcome();
52 application.setDefaultCloseOperation
( JFrame.EXIT_ON_CLOSE );
53
54 } // end method main
55
56 } // end class Welcome
source: http://tutorialslodge.com/welcome-application/

Hello, has anybody here gone for basesolutionsng interview after the 1st test? how was it and is it worth it? cos have bin invited for their interview and I dnt want to waste my tym if it not worth it. awaiting ur replies

pmat:
Good morning to all in the house .Please, I want to ascertain if the 60% for O'level and 40% for university degree,hnd ,A'level ,Ond for direct entry applicants like it applies to utme applicants(100 level). I thought the O'level issue for grading is different for or does not aply to direct entry applicant. Or is it a different percentage combination.

will love to knw too ooo

yinkus1115:
take time to read all previous posts and replies on this thread ..u wil get some answers

tanks fr ur response. I av bin following this thread right from inception, d tin is dat dre are diff answers to my questions. I bliv nw dat d list out I shld gt appropriate answers dats y am asking.. replies appreciated

Are you currently learning PHP?

Oruns007:
Are you a guru or beginner programmer.

the writer is an intermediate programmer.

bidey4real:
SOMEONE MAY GAIN 4RM DIS NARATION!!!


A frnd of mine who studied Civil Engn.(ND) 4rm Kad. Poly with DISTINCTION applied to U.I and wasn't also gven admxn yet,he took d courage of going to d admxn office in U.i to ask for d failure of hs admxn afta meeting necessary requirements. D person in charge brougt out d list of d admitd candidates and anoda list showing dose candiadates dat applied wit dia various grades. Accordng hm,d list showd dat out of 15 candidates dat were admitd into dat dept.(CIVIL),14 of dem had Distinction(whc shows lots of competitivenez) and d remaining one had upper. He said d minimum point 4 d o'levl requirment is 22. He(my frnd) had 15,whereas d guy wit upper had 44(all togeda). Dn't knw wot he had in hs o'levl though,bt it has already bin shown dat he beat d O'levl requirment point(whc is 22). 4rm my own view,course applied for,ND/HND/A'levl/Bsc.grades,and O'levl grades are very important wen it comez to D.E admxn. I hope dis info wil help in 1 way or d oda.

I rest my case here. MAY GOD BLEZ US ALL.

tanks for this info. pls I will like to knw sumtins cos I want to apply fr UI next DE.
1. how is d olevel point calculated
2. wat is d minimum fr comp sci
3. can I use two sittings
pls reply me...really appreciated