I.ring web http://iringweb.com Irina Zaks portfolio and design notes Thu, 24 Jun 2010 22:26:23 +0000 en hourly 1 http://wordpress.org/?v=3.0 next page jquery http://iringweb.com/next-page-jquery/ http://iringweb.com/next-page-jquery/#comments Thu, 24 Jun 2010 22:25:33 +0000 admin http://iringweb.com/?p=437 $pos = strrpos( (string)$row-&gt;term_data_description, ‘<!–nextpage–>’);
if ($pos === false) { // note: three equal signs
// not found…
// echo $row-&gt;term_data_description ;
print_r ( $row-&gt;term_data_description ) ;
}
else {
//    echo ‘ add pagination on &lt;!–nextpage–&gt;  ‘.$pos;
//  echo $term1-&gt;description ; ?&gt;</code>
<div id=”pageone”>term_data_description”, 0, $pos)  ;?&gt;
<p id=”pagernext” style=”color: #019dbc; cursor: pointer;”><img src=”&lt;?php echo $front_page.$base_path.$directory;  ?&gt;/images/next.png” alt=”Next” /></p>

</div>
<div id=”pagetwo”>term_data_description”, $pos);  ?&gt;
<p id=”pagerprev” style=”color: #019dbc; cursor: pointer;”><img src=”&lt;?php echo $front_page.$base_path.$directory;  ?&gt;/images/prev.png” alt=”Prev” /></p>

</div>

]]> http://iringweb.com/next-page-jquery/feed/ 0 Styles for first paragraph, line, letter http://iringweb.com/styles-for-first-paragraph-line-letter/ http://iringweb.com/styles-for-first-paragraph-line-letter/#comments Mon, 21 Jun 2010 19:17:33 +0000 admin http://iringweb.com/?p=435 p:first-child:first-letter {
float: left;

}

p:first-child:after {
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.post p:first-child:first-letter {
float:left;
background-color: #eeeeee;
line-height:30px;
padding: 5px;
color: #237ab2;
font-weight: bold;
font-size:40px;
}

.post p:first-child:first-line{
font-variant: small-caps;
}

.post p:first-child:after {
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

]]> http://iringweb.com/styles-for-first-paragraph-line-letter/feed/ 0 WordPress References http://iringweb.com/wordpress-references/ http://iringweb.com/wordpress-references/#comments Fri, 21 May 2010 15:42:43 +0000 admin http://iringweb.com/?p=432 http://codex.wordpress.org/Function_Reference

how to use query

http://codex.wordpress.org/Template_Tags/query_posts

this one explains how wp gets and displays posts

http://codex.wordpress.org/The_Loop

and template Hierarchy

http://codex.wordpress.org/Template_Hierarchy

http://codex.wordpress.org/Conditional_Tags

http://phpxref.ftwr.co.uk/wordpress/nav.html?_functions/index.html

]]> http://iringweb.com/wordpress-references/feed/ 0 Native Tabs for Views in Drupal http://iringweb.com/native-tabs-for-views-in-drupal/ http://iringweb.com/native-tabs-for-views-in-drupal/#comments Wed, 19 May 2010 20:59:46 +0000 admin http://iringweb.com/?p=431 http://drupal.org/node/87195 – Thanks!

In drupal 6, You might not get the tabs if your menu tree does not have any parent.
ie, if here is our requirement.

We need two tabs
1) search/all (default and /search should also point to this)
2) search/artist

Here is what you do

In main view
PATH: search/all
MENU: Default menu tab
Menu Settings
Parent menu item: Normal menu item -> anything

In alternate view
Path: search/artist
MENU: Menu Tab

]]> http://iringweb.com/native-tabs-for-views-in-drupal/feed/ 0 Font size matrix http://iringweb.com/font-size-matrix/ http://iringweb.com/font-size-matrix/#comments Thu, 06 May 2010 18:27:55 +0000 admin http://iringweb.com/?p=429

by http://www.freshblurbs.com/fontsizes

font-size: .625em; = 10px
font-size: .6875em; = 11px
font-size: .75em; = 12px
font-size: .8125em; = 13px
font-size: .875em; = 14px
font-size: .9375em; = 15px
font-size: 1.0625em; = 17px
font-size: 1.125em; = 18px
font-size: 1.188em; = 19px
font-size: 1.25em; = 20px

font-size: 1.313em; = 21px
font-size: 1.375em; = 22px
font-size: 1.438em; = 23px
font-size: 1.5em; = 24px
font-size: 1.563em; = 25px
font-size: 1.625em; = 26px
font-size: 1.688em; = 27px
font-size: 1.75em; = 28px
font-size: 1.813em; = 29px
font-size: 1.875em; = 30px

]]> http://iringweb.com/font-size-matrix/feed/ 0 Argentin Tagno – practice (part2) http://iringweb.com/argentin-tagno-practice-part2/ http://iringweb.com/argentin-tagno-practice-part2/#comments Mon, 19 Apr 2010 22:15:47 +0000 admin http://iringweb.com/?p=428

]]> http://iringweb.com/argentin-tagno-practice-part2/feed/ 1 Drupal invoke block code http://iringweb.com/drupal-invoke-block-code/ http://iringweb.com/drupal-invoke-block-code/#comments Sun, 03 Jan 2010 08:43:01 +0000 admin http://iringweb.com/?p=426 <?php $block = module_invoke(‘menu’, ‘block’, ‘view’, ‘menu-get-ready’);
// arg 1 = module
// arg 2 = hook
// arg 3 = arg 1 of the hook => $op
// arg 4 = arg 2 of the hook => $delta  ?>

]]> http://iringweb.com/drupal-invoke-block-code/feed/ 0 The Re:Enlightenment Project http://iringweb.com/the-reenlightenment-project/ http://iringweb.com/the-reenlightenment-project/#comments Wed, 09 Sep 2009 20:37:35 +0000 admin http://iringweb.com/?p=423 The Re:Enlightenment Project brings knowledge of the past to bear upon change in the present. Its initiatives constitute a research laboratory for the collaborative analysis, use, and invention of new—and newly remediated—instruments for knowing the world. The Project is itself such an instrument—an effort to change knowledge by changing associational practices. In a new collaboration, New York University and the New York Public Library have formed the nexus of a consortium of institutions that share a compelling interest in current transformations of knowledge. Libraries, museums, foundations, and corporations are, like universities, under increasing pressure not only to understand those changes but to participate actively in shaping them. The Project facilitates that activity by pursuing initiatives that connect investigators in New York City with each other and with colleagues at linked institutions—including Cambridge University and the University of California, Santa Barbara—across the globe.

]]> http://iringweb.com/the-reenlightenment-project/feed/ 0 3 columns equal height http://iringweb.com/3-columns-equal-height/ http://iringweb.com/3-columns-equal-height/#comments Wed, 09 Sep 2009 20:31:51 +0000 admin http://iringweb.com/?p=422 thanks to http://www.alistapart.com/d/holygrail/example_3.html





This is the main content.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla.

This is the left sidebar.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla.

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”en” lang=”en”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ />
<title>The Holy Grail of Layouts: Example #3: A List Apart</title>
<style type=”text/css”>

/*** The Essential Code ***/

body {
min-width: 630px;         /* 2 x (LC fullwidth + CC padding) + RC fullwidth */
}

#container {
padding-left: 200px;      /* LC fullwidth */
padding-right: 190px;     /* RC fullwidth + CC padding */
}

#container .column {
position: relative;
float: left;
}

#center {
padding: 10px 20px;       /* CC padding */
width: 100%;
}

#left {
width: 180px;             /* LC width */
padding: 0 10px;          /* LC padding */
right: 240px;             /* LC fullwidth + CC padding */
margin-left: -100%;
}

#right {
width: 130px;             /* RC width */
padding: 0 10px;          /* RC padding */
margin-right: -100%;
}

#footer {
clear: both;
}

/*** IE Fix ***/
* html #left {
left: 150px;              /* RC fullwidth */
}

/*** Equal-height Columns ***/

#container {
overflow: hidden;
}

#container .column {
padding-bottom: 1001em;     /* X + padding-bottom */
margin-bottom: -1000em;     /* X */
}

/*** Footer Fix ***/

* html body {
overflow: hidden;
}

* html #footer-wrapper {
float: left;
position: relative;
width: 100%;
padding-bottom: 10010px;
margin-bottom: -10000px;
background: #FFF;         /*** Same as body background ***/
}

/*** Just for Looks ***/

body {
margin: 0;
padding: 0;
background: #FFF;
}

#header, #footer {
font-size: large;
text-align: center;
padding: 0.3em 0;
background: #999;
}

#left {
background: #66F;
}

#center {
background: #DDD;
}

#right {
background: #F66;
}

#container .column {
padding-top: 1em;
text-align: justify;
}

</style>
</head>

<body>

<div id=”header”>This is the header.</div>

<div id=”container”>

<div id=”center” class=”column”>
<h1>This is the main content.</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla.</p>
</div>

<div id=”left” class=”column”>
<h2>This is the left sidebar.</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla.</p>
</div>

<div id=”right” class=”column”>
<h2>This is the right sidebar.</h2>

<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla.</p>
</div>

</div>

<div id=”footer-wrapper”>
<div id=”footer”>This is the footer.</div>
</div>

</body>

</html>

]]> http://iringweb.com/3-columns-equal-height/feed/ 0 BalloonsTM http://iringweb.com/balloonstm/ http://iringweb.com/balloonstm/#comments Wed, 29 Apr 2009 06:08:37 +0000 admin http://iringweb.com/?p=417 WP-based simple website for Balloons company portofolio

Balloons can fill a large space or make cozy nooks; they can attract attention to your focal point, such as a stage, or serve as a background; they will highlight your colors and enhance your theme. The visual impact of balloons will add an elegance to your event that will take your breath away!

]]> http://iringweb.com/balloonstm/feed/ 0