Show Posts

This section allows you to view all posts made by this member. Note that you can only see posts made in areas you currently have access to.


Messages - aireenrosas

Pages: [1] 2
1
CSS Fonts, Icons, Links / Re: CSS LINKS
« on: October 18, 2017, 08:41:55 pm »
Quote from: angelsky214 on October 18, 2017, 08:13:52 pm
what are the first browser version that fully supports the selector?

see at the images....

2
CSS Fonts, Icons, Links / Re: CSSFonts
« on: October 18, 2017, 08:33:22 pm »
Quote from: angelsky214 on October 18, 2017, 08:20:28 pm
what are the css font families?

The font-family property specifies the font for an element.
The font-family property can hold several font names as a "fallback" system. If the browser does not support the first font, it tries the next font.

There are two types of font family names:

family-name - The name of a font-family, like "times", "courier", "arial", etc.
generic-family - The name of a generic-family, like "serif", "sans-serif", "cursive", "fantasy", "monospace".


Start with the font you want, and always end with a generic family, to let the browser pick a similar font in the generic family, if no other fonts are available.

Note: Separate each value with a comma.

Note: If a font name contains white-space, it must be quoted. Single quotes must be used when using the "style" attribute in HTML.

3
CSS Fonts, Icons, Links / Re: CSS ICONS
« on: October 18, 2017, 08:29:42 pm »
Quote from: angelsky214 on October 18, 2017, 08:17:50 pm
Can you show me some codes regarding on how to create an icon bar?

i hope it helps you...

<!DOCTYPE html>
<html>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
body {margin:0;}

.icon-bar {
    width: 100%;
    background-color: #555;
    overflow: auto;
}

.icon-bar a {
    float: left;
    width: 20%;
    text-align: center;
    padding: 12px 0;
    transition: all 0.3s ease;
    color: white;
    font-size: 36px;
}

.icon-bar a:hover {
    background-color: #000;
}

.active {
    background-color: #4CAF50 !important;
}
</style>
<body>

<div class="icon-bar">
  <a class="active" href="#"><i class="fa fa-home"></i></a>
  <a href="#"><i class="fa fa-search"></i></a>
  <a href="#"><i class="fa fa-envelope"></i></a>
  <a href="#"><i class="fa fa-globe"></i></a>
  <a href="#"><i class="fa fa-trash"></i></a>
</div>

</body>
</html>

4
JavaScript Operators / Re: ARITHMETIC OPERATORS
« on: October 18, 2017, 06:22:09 am »
Quote from: jhayzoney10 on October 18, 2017, 04:40:31 am
It is the portion where a binary process is done.

your right because it is a process of combining, dividing, subtracting and multiplying  the value of two or more number and return a single value.

5
CSS Fonts, Icons, Links / Re: CSS ICONS
« on: October 18, 2017, 06:13:40 am »
Quote from: March on October 18, 2017, 06:08:08 am
Is it possible to use two icon in Css??
How to create your own icon in css??

yes..if you used new FontAwesome 4.0.0 there is css styles for stacked items.

<span class="fa-stack">
  <i class="fa fa-square-o fa-stack-2x"></i>
  <i class="fa fa-twitter fa-stack-1x"></i>
</span>

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}

.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  width: 100%;
  text-align: center;
 }
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}

.fa-square-o:before {
  content: "\f096";
}

you can used it but in different action.

6
JavaScript Operators / Re: STRING OPERATORS
« on: October 18, 2017, 06:09:46 am »
Quote from: aireenrosas on October 18, 2017, 06:08:10 am
Quote from: jhayzoney10 on October 18, 2017, 04:38:02 am
Concatenate Operators are basically linking methods to define a certain address or location like a GPS n an internet scale.


very well said....

we used  + sign..to connect two word together



like this

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Operators</h2>

<p>The + operator concatenates (adds) strings.</p>

<p id="demo"></p>

<script>
var txt1 = "John";
var txt2 = "Doe";
document.getElementById("demo").innerHTML = txt1 + " " + txt2;
</script>

</body>
</html>


7
JavaScript Operators / Re: STRING OPERATORS
« on: October 18, 2017, 06:08:10 am »
Quote from: jhayzoney10 on October 18, 2017, 04:38:02 am
Concatenate Operators are basically linking methods to define a certain address or location like a GPS n an internet scale.


very well said....

we used  + sign..to connect two word together

8
CSS Fonts, Icons, Links / Re: CSSFonts
« on: October 18, 2017, 06:03:53 am »
Quote from: Emary Echo on October 18, 2017, 03:56:46 am
Which of the following value is supposed to be a slightly bolder weight that standard bold in font attribute???????????



please try this code ..

<!DOCTYPE html>
<html>
<head>
<style>
p.ex1 {
    font: 15px arial, sans-serif;
}

p.ex2 {
    font: italic bold 12px/30px Georgia, serif;
}
</style>
</head>
<body>

<p class="ex1">This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph.</p>
<p class="ex2">This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph.</p>

</body>
</html>

9
CSS Fonts, Icons, Links / Re: CSSFonts
« on: October 18, 2017, 06:00:56 am »

Advantages of CSS include better use of bandwidth and flexibility. Increased download speeds and reduced data transfer occur because style sheets are stored in the browser cache, allowing the use of multiple pages without the need to reload. Also, content submission forms are more flexible, because users who do not know how to use CSS or HTML coding can still easily select article or page layout.


CSS offers consistency by utilizing a global style sheet. By editing a few rules on the global style sheet, users can adjust style elements quickly and easily, and the changes will be implemented over the entire website.


Using style sheets also has disadvantages. For instance, style sheets do not offer the capability to specify property values as single expressions, nor do they contain variables. When a developer wants to change a fundamental constant, such as a color an object's height or width, the developer has to replace everything. Also, browser support for style sheets is inconsistent. Because of bugs or lack of support for language features, different browsers render layouts differently.

10
CSS Fonts, Icons, Links / Re: CSSFonts
« on: October 18, 2017, 05:29:45 am »
i have her a sample codes for declaring css fonts...


<!DOCTYPE html>
<html>
<head>
<style>
p.serif {
    font-family: "Times New Roman", Times, serif;
}

p.sansserif {
    font-family: Arial, Helvetica, sans-serif;
}
</style>
</head>
<body>

<h1>CSS font-family</h1>
<p class="serif">This is a paragraph, shown in the Times New Roman font.</p>
<p class="sansserif">This is a paragraph, shown in the Arial font.</p>

</body>
</html>

11
CSS Fonts, Icons, Links / Re: CSS ICONS
« on: October 18, 2017, 05:04:08 am »
in adding icons you can used

Font Awesome Icons
To use the Font Awesome icons, add the following line inside the <head> section of your HTML page:

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

Note: No downloading or installation is required!

Bootstrap Icons and
To use the Bootstrap glyphicons, add the following line inside the <head> section of your HTML page:

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

Note: No downloading or installation is required!

Google Icons
To use the Google icons, add the following line inside the <head> section of your HTML page:

<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">

Note: No downloading or installation is required!

you only have to include it inside your header..

12
CSS Fonts, Icons, Links / Re: CSS ICONS
« on: October 18, 2017, 04:59:53 am »
yes you can just add your codes inside the


<style>
div {
    height: 100px;
    width: 500px;
    background-color: powderblue;
}
</style>



or

<img src="https://www.computerhope.com/cdn/computer-hope.jpg" width="200" height="40" alt="Computer Hope">

13
CSS Fonts, Icons, Links / Re: CSS LINKS
« on: October 18, 2017, 04:53:39 am »
yes....

this is a sample code

Usually, all these properties are kept in the header part of the HTML document.

Remember a:hover MUST come after a:link and a:visited in the CSS definition in order to be effective. Also, a:active MUST come after a:hover in the CSS definition as follows −

<style type="text/css">
   a:link {color: #000000}
   a:visited {color: #006600}
   a:hover {color: #FFCC00}
   a:active {color: #FF00CC}
</style>

14
JavaScript Operators / BITWISE OPERATORS
« on: September 20, 2017, 01:47:42 am »
COMPARING USING HEXADECIMAL AND THE RESULTS WILL CONVERTED IN DECIMAL AGAIN

15
JavaScript Operators / LOGICAL OPERATORS
« on: September 20, 2017, 01:46:30 am »
USING
LOGIC AND    &&
LOGIC OR       ||
LOGIC NOT      !

Pages: [1] 2