Sample Sidebar Module

This is a sample module published to the sidebar_top position, using the -sidebar module class suffix. There is also a sidebar_bottom position below the menu.

Sample Sidebar Module

This is a sample module published to the sidebar_bottom position, using the -sidebar module class suffix. There is also a sidebar_top position below the search.
防災
Occasionally we need to use custom html to obtain the layouts shown on our demos in specific modules. The code below is what was used on this template. It is best to enter this code directly into the HTML editor function of your editor.

Image and Content Fader Code:

The S5 Image and Content Fader actually uses no custom code for this design. Simply enter the images and into the default fields in the backend of the module. This demo uses 1600x900 images, but you can use any image size; just make sure they are all the same size. Features like size, zoom, slide effects, and others are controlled in the module's backend.



Top Colored Boxes With Images:

This is one custom HTML module published that is published to the top_row1_1 position.


<div class="image_top_wrap">
<div class="image_top_row">
<div class="image_top">
<div class="image_top_inner">
<a href="index.php/features-mainmenu-47/template-specific-features">
<div class="image_top_img">
<img src="images/top1.jpg" alt="" />
</div>
<h3>Warlock</h3>
<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In suscipit varius turpis sit amet feugiat. Integer efficit.</span>
<div style="clear:both;height:0px;"></div>
</a>
</div>
</div>
<div class="image_top">
<div class="image_top_inner">
<a href="index.php/features-mainmenu-47/template-specific-features">
<div class="image_top_img">
<img src="images/top2.jpg" alt="" />
</div>
<h3>FIA Soccer</h3>
<span>In suscipit varius turpis sit amet feugiat. Integer efficit. Lorem ipsum dolor sit amet, consectetur adiscing.</span>
<div style="clear:both;height:0px;"></div>
</a>
</div>
</div>
</div>
<div class="image_top_row">
<div class="image_top">
<div class="image_top_inner">
<a href="index.php/features-mainmenu-47/template-specific-features">
<div class="image_top_img">
<img src="images/top3.jpg" alt="" />
</div>
<h3>Halo Valor</h3>
<span>Integer efficit lorem ipsum dolor sit amet, consectetur adipiscing elit. In suscipit varius turpis sit amet.</span>
<div style="clear:both;height:0px;"></div>
</a>
</div>
</div>
<div class="image_top">
<div class="image_top_inner">
<a href="index.php/features-mainmenu-47/template-specific-features">
<div class="image_top_img">
<img src="images/top4.jpg" alt="" />
</div>
<h3>Recore</h3>
<span>In suscipit varius turpis sit. Lorem ipsum dolor sit amet, consectetur adipiscing elit amet feugiat. Integer efficit.</span>
<div style="clear:both;height:0px;"></div>
</a>
</div>
</div>
</div>
<div style="clear:both;height:0px;"></div>
</div>

Homepage Article:

This is an article published to Featured. It's title is turned off in the article's settings.


<a href="/game_world/index.php/features-mainmenu-47/template-specific-features">
<img style="margin-bottom:25px;" alt="" src="/game_world/images/article.jpg">
<h3 class="h3_line">New Version Of Crysis Coming In 2016 For Xbox and Playstation</h3>
</a>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur dignissim metus purus, a consequat velit scelerisque elementum. Vestibulum in augue mauris. Proin ligula mi, eleifend eget felis et, congue dictum mauris. Vestibulum varius ligula mollis risus.
<br>
<i class="ion-android-star star_active"></i>
<i class="ion-android-star star_active"></i>
<i class="ion-android-star star_active"></i>
<i class="ion-android-star star_active"></i>
<i class="ion-android-star star_inactive"></i>

Plus Image Boxes:

These images are published to the custom_3 position.


<div class="plus_img_main_wrap">
<a href="/game_world/index.php/features-mainmenu-47/template-specific-features">
<div class="plus_img_wrap_outer">
<div class="plus_img_wrap">
<img src="/game_world/images/thumb1.jpg" alt="">
<div class="plus_img_icon">
<i class="ion-plus"></i>
</div>
<div class="plus_img_icon_box"></div>
<div class="plus_img_text">
Custom Highlight Colors
</div>
<div style="clear:both;height:0px;"></div>
</div>
</div>
</a>
<a href="/game_world/index.php/features-mainmenu-47/template-specific-features">
<div class="plus_img_wrap_outer">
<div class="plus_img_wrap">
<img src="/game_world/images/thumb2.jpg" alt="">
<div class="plus_img_icon">
<i class="ion-plus"></i>
</div>
<div class="plus_img_icon_box"></div>
<div class="plus_img_text">
Google Fonts Integrated
</div>
<div style="clear:both;height:0px;"></div>
</div>
</div>
</a>
<a href="/game_world/index.php/features-mainmenu-47/template-specific-features">
<div class="plus_img_wrap_outer">
<div class="plus_img_wrap">
<img src="/game_world/images/thumb3.jpg" alt="">
<div class="plus_img_icon">
<i class="ion-plus"></i>
</div>
<div class="plus_img_icon_box"></div>
<div class="plus_img_text">
Specify Custom Background
</div>
<div style="clear:both;height:0px;"></div>
</div>
</div>
</a>
<div style="clear:both;height:0px;"></div>
</div>

S5 Vertical Accordion, S5 Tab Show, Ad and Game List:

There are four modules shown here, but only two use custom HTML. The vertical accordion module has default Joomla Newsflash modules pubished to each slide, same is true for the S5 Tab Show slides. The ad and the game list use a custom HTML module, the code for these is shown below. The modules on the left (in the dark area) are published to custom_2, the images on the right side are published to right_inset.


<ul class="colored_numbers">
<li><span>1</span>Batman: Arkham Origins</li>
<li><span>2</span>Tomb Raider Collector's Edition</li>
<li><span>3</span>Madden NFL 2015</li>
<li><span>4</span>Call of Duty Modern Warfare</li>
<li><span>5</span>Tom Clancy's Splinter Cell</li>
</ul>

<a href="/game_world/index.php/features-mainmenu-47/template-specific-features">
<img style="width:100%;" alt="" src="/game_world/images/ad1.jpg">
</a>

Banner Ads:

These ads are published to below_columns_1 and below_columns_2, and they are custom HTML modules. The background for this row is controlled in the Vertex admin under Main/Layout.


<a href="/game_world/index.php/features-mainmenu-47/template-specific-features">
<img style="width:100%;" alt="" src="/game_world/images/banner1.jpg">
</a>

S5 Media Player and Text:

This area is a custom HTML module published to bottom_row1_1. The background is controlled under Main/Layout in the template configuration. The video uses the S5 Media Player plugin, which must be installed and enabled. Instructions for this plugin are found in the plugin's backend.


<div class="video_wrap">
<div class="video_wrap_left">
S5 MEDIA PLAYER PLUGIN CALL GOES HERE
<div style="clear:both;height:0px;"></div>
</div>
<div class="video_wrap_right">
<h3>Are You Ready?</h3>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec non turpis a sem tristique blandit. Praesent eget eros.
<br /><br />
Sed ultrices, urna vitae mattis placerat, quam velit tincidunt odio, vel consequat dolor leo a augue. Proin massa erat, mollis quis lacus eu, fringilla lacinia turpis.
<br />
<span class="highlight1">06.12.2016</span>
<br /><br />
Praesent hendrerit nisi quis felis tempus, non malesuada urna tincidunt. Proin varius bibendum urna, convallis tempus purus condimentum eu vestibulum
<br />
<span class="highlight1">11.21.2016</span>
<div style="clear:both;height:0px;"></div>
</div>
<div style="clear:both;height:0px;"></div>
</div>

S5 Masonry:

This module is published to bottom_row2_1 and does not use any custom HTML. The images and defined as the article's intro image in the settings of the article.



Social Icons:

This is a custom HTML module publishd to the custom_4 position. Ion Icons must be enabled in the template configuration for these to show.


<a href="javascript:;" class="social_icon ion-social-facebook"></a>
<a href="javascript:;" class="social_icon ion-social-twitter"></a>
<a href="javascript:;" class="social_icon ion-social-googleplus"></a>
<a href="javascript:;" class="social_icon ion-social-rss"></a>
<a href="javascript:;" class="social_icon ion-social-youtube"></a>
fShare
0
Pin It

Top Boxes for Kumamoto Earthquake 2016

 

災害ボランティア

一般の皆さんの災害ボランティアに関する情報は「災害ボランティア活動支援プロジェクト会議」のページで詳しく更新されています。

 
 

防災関係のNews

2015年4月25日 ネパール地震

2015年4月25日にネパールで発生した地震。死者約9,000人、けが人約22,000人の被害が出た。1934年以降ネパールでは最大の地震。国連の統計では人口の30%にあたる800万人が被災したとの報告もある。

エベレストでは地震により雪崩が発生し登山者が犠牲になったり、レンガ積みの建物などが多く崩れ、カトマンズなどでも多くの犠牲者が出た。

 

 

Hits: 78

ファーストエイド関係リンク集

 AHA 日本語サイト:http://eccjapan.heart.org/

 

日本循環器学会:http://itc.j-circ.or.jp/index.html

 

日本ACLS協会:http://acls.jp/

 

日本赤十字社 講習会関係ページ:http://www.jrc.or.jp/activity/study/join/

 

日本循環器学会:http://www.j-circ.or.jp/

Hits: 147

パプアニューギニアでM6.4

USGSによると、日本時間9日午前1時20分頃、パプアニューギニアでM6.4の地震が発生した模様。津波等は確認されていない。地震の規模だけで言うと、台湾南部で発生した地震と同規模。

USGSの地震情報:http://earthquake.usgs.gov/earthquakes/eventpage/us20004yr0#general_region

Hits: 1546

台湾南部で地震

2月6日日本時間で4:57頃、台湾南部でM6.4の地震が発生。一部でマンションが倒壊するなどの被害が出ている模様。

Hits: 2496

桜島が噴火

NHK等の報道によると気象庁が桜島が噴火したと発表。

Hits: 2446

各種支援団体の動き

各種支援団体の動き

南阿蘇村災害ボランティアセンター設置

益城町災害ボランティアセンターが21日から作業開始

Our Newsletter

Signup for our newsletter to receive updates, game reviews and author best picks.

免責条項

Hiroshi-Iwasaki.comならびに関連のウェブサイト(以下当サイト)では、できうる限り最新で正しい情報をお届けしようとしていますが、当サイトは基本的に、個人的に作成したメモやブックマークを、記事やリンクなどの形で共有することを目的としており、その内容の正確さについていかなる保証を行うものではありません。当サイトに含まれる情報もしくは内容を利用することで直接・間接的に生じた損失に関しについても、当サイト関係者としては責任を負いかねます。当サイトに掲載されている情報や意見は別記のない限り、岩崎広志もしくは関係者個人のものであり、所属する団体や組織を代表したものではありません。

Disclaimer

While Hiroshi-Iwasaki.com tries to bring the most up dated and accurate information to readers, though we do not grantee accuracy of the information nor warrant any damage caused from the action caused from use of our website. Please use any information or links on your own responsibilities. Information or links posted on Hiroshi-Iwasaki.com is solely based on my personal capabilities, and do NOT guarantee its contents or accuracy. In addition, opinions and selection of information are solely personal and do NOT represent organization or website related.