Welcome, Guest: Register On Nairaland / LOGIN! / Trending / Recent / New
Stats: 3,153,912 members, 7,821,179 topics. Date: Wednesday, 08 May 2024 at 09:20 AM

Iyenimofe's Posts

Nairaland Forum / Iyenimofe's Profile / Iyenimofe's Posts

(1) (2) (3) (4) (5) (6) (7) (8) (9) (10) (of 11 pages)

Webmasters / Re: Frustration! Developing Opensource Applications In Nigeria!! by iyenimofe(m): 6:30pm On Oct 10, 2013
You see bro, it isn't feasible trying to do everything on your own except you have someone taking care of your bills.
You obviously need technical support. However, in the little time I have spent with Nigerians on a business basis, I found out 7 in 10 of them are concerned more about their money and not the job. As my neighbour continually[ says "Make Oyinbo dey create, we go dey turn am to money".
If you by luck, now find the '3 out of the 10', is there power, efficient transport, reliable and affordable internet connection, e.t.c?
But if we keep on thinking like this, when we will get it right? Procastination is the master of all evils. You, I and many others have the flame of desire to make a technical impact in Nigeria, but what happens to the flame if it is deprived of oxygen?
Bro, if you really think it can work out, spare the time, find others that can, put your work together and it will work. The cruellest thing to do to an idea is to kill it. Who knows, you just might open the oxygen tank?
Webmasters / Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 5:32pm On Oct 10, 2013
So far we have learnt what a div is.
It is an HTML tag used with CSS rules to create layouts.
So, as I will expantiate on the Box Model, try applying the properties to a div.
That is the work of the Box Model- to help you understand the div better.

2 Likes 1 Share

Webmasters / Re: Help,mag Project by iyenimofe(m): 5:22pm On Oct 10, 2013
CODE-EATER:
Iyenimofe......did u try sending me a mail?
Webmasters / Re: Help,mag Project by iyenimofe(m): 5:21pm On Oct 10, 2013
CODE-EATER:
Iyenimofe......did u try sending me a mail?
Yes, any qualms?
Webmasters / Re: Help,mag Project by iyenimofe(m): 9:01am On Oct 10, 2013
Before you commence anything make sure your magazine has very good content. Your magazine has to be able to sell. If a potential advertiser thinks your magazine is junk, he will never use your magazine as an advertising medium.
We'll if you are are restricted financially, the best option is word of mouth. Spread the info that you need advertisers to as many people as you can get. These days everybody knows someone that has a business and that person could likely be searching for a medium of advertisement.
If you want to go further(and bigger) then you need an advertising agency. They'll handle all the messy parts and get you your advertisers. Although their fees might be quite high.
Use social media, distribute your business cards, give discounts to the customers you already have. You could also tell them that if they a refer another advertiser, they'll get a commission from the proceeds you make from him.
Try using these points, think of any more and with a tinge of luck you may get advertisers swarming all over your magazine- only if you have great content.
Hoped this helped. smiley
Webmasters / Re: Help,mag Project by iyenimofe(m): 7:00pm On Oct 09, 2013
Are you talking about hard copy magazines?
Id like to do an initial printing of 1,000 i also need to find customers.
Webmasters / Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 11:46am On Oct 08, 2013

Unfortunately, you won't be able to do that. undecided PHP is still way ahead. We have not even gotten to Advanced CSS.
Well said.
wink
Webmasters / Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 12:00am On Oct 08, 2013
CSS rule for an 'id' div
,
the HTML document it is linked to
and
the result in a browser

1 Like 2 Shares

Webmasters / Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 7:01pm On Oct 07, 2013
To understand divs better, let us consider a pictorial illustration of usingdivs with the id and class method.
Webmasters / Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 5:15pm On Oct 06, 2013
2)Attribute 'class'-
The class attribute is used to specify divs that can appear multiple times in an HTML document. It is preceded with a dot '.'.
These two characteristics of a class div make it different from the id div. The syntax of both are the same.
Example
To create a class div in the style sheet
.contentbox{background-color:
green;
width:48px;
height:48px;}
To insert it in the HTML
document:
<div class="contentbox">I am a box for anything</div>
When viewed in a browser, you
will see a green box 48px
wide and 48px high with the
text, "I am a box for anything",
within it.
This div can be repeated, as many times as you may wish, in an HTML document.

1 Like 2 Shares

Webmasters / Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 4:57pm On Oct 06, 2013
What is the specific naming syntax of divs?
The answer lies with its attribute. This attribute has different forms but we shall concern ourselves with two vital forms- id and class.
1) Attribute 'id'- An id is an attribute of a div. An id occurs only once in an HTML document. It is preceded with a # sign.
Example
A div named #maindiv is used in a style sheet.
#maindiv:{background-color: orange;
width:56px;
height:45px;}
To insert it in the HTML document:
<div id="maindiv">I am an orange box</div>
When viewed in a browser, you will see an orange box 56px wide and 45px high with the text, "I am an orange box", within it.
#maindiv can appear only once in the html document. This does not cancel the existence of another id div named #subdiv in the same HTML document.

3 Likes 3 Shares

Webmasters / Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 12:42pm On Oct 06, 2013
However, div tags always appear with attributes.
<div attribute="value">Content</div>
How is a div used?
1) The div is first specified in the style sheet.
Syntax:
Name of Div{property:value}
2) The div is specified in the .html document.
Syntax:
<div attribute="name of div">Content</div>
3) Whatever properties/rules declared in the .css file will appear in the HTML document at the point where the div tag is inserted.

If the <div> is inserted in the .html document without any CSS modifications, nothing will appear in the subsequent webpage. Nothing. It'll just be blank.

2 Likes 3 Shares

Webmasters / Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 12:10pm On Oct 06, 2013
Divs (Divisions) are HTML block-level elements that are used to layout specific portions of an HTML document. The div comes in the pair <div>Content</div>.
Divs have been generally accepted as a suitable alternative for tables, in regard to page layout. Thus, it is essential that you master the div tag as it will be impossible to create a webpage without it.
NOTE:Some may disagree with the statement above. Yes, you may use the <table> tag in layout, but that defies it original purpose- layout of tabular data.

1 Like 3 Shares

Webmasters / Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 9:45pm On Oct 02, 2013
As I stated earlier, The Box usually represents a div. Thus, we shall expantiate on divs. After this, we shall treat the Box Model properties in details.

2 Likes 2 Shares

Webmasters / Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 9:42pm On Oct 02, 2013
This image is the Box Model. It illustrates the properties- width, height, padding, margin and border. The black box is 'The Box'. The Box represents all block-level elements that can be styled with the above listed properties.The width and height of the box is clearly visible. Thus when we refer to width and height, we are referring to the dimension of that element. The border is the line bounding the box/element. You will also notice a white box within our Box. It represents the text,images,tables,forms and other boxes that are in The Box. All these things are the content of The Box.
The space between the outer edges of the content and the inner edges of The Box is called padding. The Box is always in another container. Even if it encompasses the whole webpage, it's container would be the browser. The distance between the outer edges of The Box and its container is the margin.

2 Likes 3 Shares

Webmasters / Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 2:10pm On Sep 30, 2013
The Box Model

1 Like 3 Shares

Webmasters / Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 12:57pm On Sep 30, 2013
CODE-EATER:

quick question: are you going to treat preprocessors?...
its d ONLY part in modern styling i dont get.
No. Basics for now

1 Like

Webmasters / Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 6:37pm On Sep 29, 2013
The Box Model
The Box represents all HTML elements that can be styled with some certain properties. These properties include but are not limited to margin, border, width, height and padding. Most times the box model refers to div s.

2 Likes 2 Shares

Webmasters / Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 6:31pm On Sep 29, 2013
The Box Model is a fundamental part of CSS Styling. As you may have deduced from the name, the concept teaches styling HTML elements while regarding them as boxes. The Box Model as been used extensively in CSS tutorials and has successfuly helped in an understanding. This is why I employ its use.

2 Likes 3 Shares

Webmasters / Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 6:25pm On Sep 29, 2013
I see you all new posters. wink Welcome.
@brownlord, @dhtml, @wisemania thanks for holding it down. Gracia.
Webmasters / Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 6:21pm On Sep 29, 2013
There are some who are asking questions on topics that have not been treated. I understand your quest to gain such knowledge. However, it is confusing the beginners. Please any questions that pertain to undiscussed topics should be sent as personal messages. Remember that an exhaustative teaching of Web Design would be virtually impossible due to numerous uncontrollable factors. A compiled e-book on HTML would be shared in 35 days time and that of CSS later. I believe that can act as a suitable reference.

2 Likes 2 Shares

Webmasters / Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 6:11pm On Sep 29, 2013
I noticed that many complain of the 'complexity' of CSS. Believe me, all treated CSS topics are in their simplest forms structurally and grammatically. To help you though, view the summary of the treated CSS topics in 3 parts. An Introduction, The CSS Syntax and Basic Styling. The next shall be The Box Model.

4 Likes 1 Share

Webmasters / Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 6:00pm On Sep 29, 2013
Dear thread followers, sorry for being absent(uncontrollable situations.)
@dhtml and @code-eater please take it easy we're all brothers in the Web. @dhtml I appreciate your line of arguement but please I am but a boy who's still 'hustling'. It will total to utmost disrespect if a boss like you cleans my shoes. :/
Dear @code-eater, I appreciate you sparing out of your time for this thread and your willingness to teach us. However, as stated in an earlier post, one teacher is what is needed for now. Nonetheless, contributions to posted topics are welcome.

1 Like 1 Share

Webmasters / Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 9:22pm On Sep 26, 2013
We shall now move to one of the most interesting parts of CSS styling- The Box Model.

2 Likes 2 Shares

Webmasters / Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 10:40pm On Sep 23, 2013
So far we have considered 10 parts in our CSS tutorials. We have discussed the CSS syntax, explained what a selector is and its types. Properties and their values, ways CSS rules can be applied to am HTML document, e.t.c.
In Summary the treated topics are :
SECTION 1
1-Introduction to CSS
2-CSS Cascading and Inheritance-
Inline Style,
Inline Style Sheet,
External Style Sheet
3-CSS Syntax
4-CSS Selectors
SECTION 2
5-Styling Text with CSS
6- Styling Backgrounds with CSS
7-Styling Fonts of Text
8-Styling Links with CSS
9-Styling Lists with CSS
10-Styling Tables with CSS

3 Likes 3 Shares

Webmasters / Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 10:12pm On Sep 23, 2013
Henrique99: O.p ure doin a gr8 job.hw i wish say i start d class 4rm d begining wit u
smiley Not too late. Begin and you can catch up in a week or so. The topics are discussed in bits to enhance simplicity and understanding with little help.
newshubng.com:
This is a good initiative and i believe you can move it a notch higher by globalizing your reach.
Do keep up the good work to strategically place yourself.
The future is all about the Youths.
Y.S.G smiley
Webmasters / Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 12:06am On Sep 21, 2013
Which will produce this:
(Please, do not mind the aesthetics)

3 Likes 2 Shares

Webmasters / Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 12:04am On Sep 21, 2013
Now, consider this CSS style sheet.

2 Likes 3 Shares

Webmasters / Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 12:01am On Sep 21, 2013
Now, lets check out a pictorial illustration of styling tables with CSS. The first image you shall see is an HTML table with no CSS styling. The image of the code to the table has been posted earlier, when treating HTML tables.

2 Likes 2 Shares

Webmasters / Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 11:57pm On Sep 20, 2013
5)Padding:
When you pad something, you cushion its edges right? The same applies here. You can specify the amount of space between content in a cell and its borders with the padding property.
E.g
td{
padding:5px}
The rule above, would add 5px of padding at the top, right, bottom and left.

3 Likes 3 Shares

Webmasters / Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 11:55pm On Sep 20, 2013
4)Alignment:
The text in different cells of a table can have their alignment altered with the following properties:
a)text-align: This is used to set the position of text in a cell, at the left, right or center.
b)v-align: This is used to specify the vertical postion of text. Top, bottom or center
E.g
th{
text-align:center;
v-align:bottom;
}

2 Likes 3 Shares

Webmasters / Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 11:54pm On Sep 20, 2013
3)Dimensions:
You will never want to try setting up a table without specifying its dimensions. This is done by...the 'width' and 'height' properties, you guessed right.
table{width:250px
height:100px}
NOTE:The unit of the table dimensions can also be specified in %. With this, a table's dimension will be a certain percentage of another element. This will be discussed in full later in CSS Styling.

2 Likes 3 Shares

(1) (2) (3) (4) (5) (6) (7) (8) (9) (10) (of 11 pages)

(Go Up)

Sections: politics (1) business autos (1) jobs (1) career education (1) romance computers phones travel sports fashion health
religion celebs tv-movies music-radio literature webmasters programming techmarket

Links: (1) (2) (3) (4) (5) (6) (7) (8) (9) (10)

Nairaland - Copyright © 2005 - 2024 Oluwaseun Osewa. All rights reserved. See How To Advertise. 41
Disclaimer: Every Nairaland member is solely responsible for anything that he/she posts or uploads on Nairaland.