Blog Beatles Home Page, HTML Templates
Martin Ortega
27 Enero 2022
Create your HTML Templates with the name you prefer
Insert them into your Home Page (shown in the previous post)

Modify the Configuration Document (Only the Home Page and the Default Item Template)


This will be the result

That you don't like the result??? in my next post I will explain how to change it


Default Item Template

<div id="cajamini">
<div class=" w3-round w3-white w3-border" style="margin:30px 10px 0px;padding:0 0 10px">

<$DXItemDescription$>

<div id="commentmini"><span class=" w3-left "  style="margin:0px 7px 0px 0px;"><$DXCommentCount$></span>

<span><$DXInlineCommentLink$></span></div>

</div>

</div>


Block HTMLTop Beatles
<!DOCTYPE html>

<html><head>

<meta charset="UTF-8">
<title><$DXTitle$></title>
<meta name="viewport" content="width=device-width,initial-scale=1">

<link rel="stylesheet" href="
https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="
https://www.w3schools.com/lib/w3-theme-blue-grey.css">
<link rel='stylesheet' href='
https://fonts.googleapis.com/css?family=Open+Sans'>
<link rel="stylesheet" href="
https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
html, body, h1, h2, h3, h4, h5 {font-family: "Open Sans", sans-serif}
</style>
<link rel="stylesheet" href="
https://fonts.googleapis.com/css?family=Raleway">
<link rel="stylesheet" href="../css/blogbeatles.css
">
<meta content='summary_large_image' name='twitter:card'>
<meta content='@martinsidra400' name='twitter:site'>
<meta content='@martinsidra400' name='twitter:creator'>
<meta content='SIDRA400' name='twitter:title'>
<meta content=' Domino Blog Beatles' name='twitter:title'>
<meta content=' All you need is love and Domino Blog' name='twitter:description'>
<meta content='
http://www.sidra400.com/DominoBeatles.nsf/dx/beatles_posts.jpg/$file/beatles_posts.jpg' name='twitter:image'>
</head>

<body class="w3-theme-l5">



HTML Block Menu

<div class="w3-top">

<div class="w3-bar w3-theme-d2 w3-left-align w3-large">
<div class="w3-dropdown-hover w3-hide-small">
<a href="
<$DXURL$>" class="w3-bar-item w3-button w3-padding-large w3-theme-d4"><i class="fa fa-home w3-margin-right"></i>HOME</a>
</div>

<div class="w3-dropdown-hover w3-hide-small">
<button class="w3-button w3-padding-large" title="Opciones">OPTIONS</button>    
<div class="w3-dropdown-content w3-card-4 w3-bar-block" style="width:300px">
  <a href="
../webadmin?open&templatename=All&start1=1" class="w3-bar-item w3-button w3-border-bottom ">All Posts</a>
  <a href="
autor.htm" class="w3-bar-item w3-button">Author</a>
<a href="
javascript:void(0)" class="w3-bar-item w3-button w3-amber w3-button w3-hover-grey w3-left-align w3-border-top" style="font-size:110%" onclick="document.getElementById('id01').style.display='block'"><i class="fa fa-user" style="margin:0 10px 0 0"></i>Author Light</a>
<a href="
javascript:void(0)" class="w3-bar-item w3-button w3-green w3-button w3-hover-grey w3-left-align w3-border-top" style="font-size:110%" onclick="document.getElementById('id02').style.display='block'"><i class="fa fa-globe" style="margin:0 10px 0 0"></i>IMAGINE</a>
</div>
</div>

<div class="w3-dropdown-hover w3-hide-small">
<button class="w3-button w3-padding-large" title="Opciones">LINKS</button>    
<div class="w3-dropdown-content w3-card-4 w3-bar-block" style="width:300px">
  <a href="
https://www.slug.es" target="_blank" class="w3-bar-item w3-button w3-border-bottom">ESLUG</a>
  <a href="
https://javiersanchezoliva.com/" target="_blank" class="w3-bar-item w3-button w3-border-bottom">Blog de Javi</a>
  <a href="http://www.sidra400.com" target="_blank" class="w3-bar-item w3-button">SIDRA400</a>

 </div>
</div>

<a href="
<$DXURL$>" class="w3-bar-item w3-button w3-hide-small w3-right  w3-hover-light-green"  style="margin:0 30px 0 0">
<img src="
../dx/logo_beatles_domino.png/$file/logo_beatles_domino.png" style="height:35px;width:106px"></a>
</div>

<div class="w3-container w3-dark-grey" style="padding:0px;margin:0px 0px 0;

background: #0b0501 url(../dx/logo_beatles.png/$file/logo_beatles.png) bottom right no-repeat ;background-size:126px 40px">

<div class="w3-dropdown-hover w3-hide-large w3-hide-medium">

<button class="w3-button w3-large w3-padding-large w3-theme-d4" title="Opciones">MENU</button>
<div class="w3-dropdown-content w3-card-4 w3-bar-block" style="width:300px">

<a href="
<$DXURL$>" class="w3-bar-item w3-button w3-large w3-border-bottom"><i class="fa fa-home w3-margin-right"></i>Home</a>
<a href="
javascript:void(0)" class="w3-bar-item w3-button w3-amber w3-button w3-hover-grey w3-left-align w3-border-top" style="font-size:110%" onclick="document.getElementById('id01').style.display='block'"><i class="fa fa-user" style="margin:0 10px 0 0"></i>Author Light</a>
</div>

</div>
  </div>

</div>


HTML Block TAGS
<div class="w3-card w3-round w3-white w3-center">
<div class="w3-block w3-theme-l1 w3-left-align" style="padding:10px; font-size:110%"><i class="fa fa-tags fa-fw w3-margin-right"></i>TAGS</div>

<div class="w3-container">
<div class="tagCloud"><ul><$DXTagCloud$></ul></div>
</div>
</div>
   

HTML Block RECENT COMMENTS
<div class="w3-card w3-round w3-white w3-center">

<div class="w3-block w3-theme-l1 w3-left-align " style="padding:10px; font-size:110%;">

<i class="fa fa-comment fa-fw w3-margin-right"></i>RECENT COMMENTS</div>

<ul id="Recientes"><$DXRecentComments$></ul>
</div>


Quedará pendiente de aprobación
Sin comentarios (de momento)

Autor SIDRA400

Mi nombre es Martín Ortega Novella, vivo en Asturias, casi toda mi vida laboral ha sido en IBM, pero ya estoy jubilado.
Siempre he utilizado Lotus Notes/Domino para mi blog, donde me he sentido más cómodo ha sido cuando estaba alojado en mi AS/400, ahora está en un iMac
Durante un año utilicé IBM WebSphere Portal Server, un gran producto pero volví a usar Lotus / Notes porque es lo que más gusta.
SIDRA400 es miembro del ESLUG (Spanish HCL Domino User Group).