2021 / 09   «« »»
01
W
02
T
03
F
04
S
05
S
06
M
07
T
08
W
09
T
 
10
F
 
11
S
 
12
S
 
13
M
 
14
T
 
15
W
 
16
T
 
17
F
18
S
19
S
20
M
21
T
22
W
23
T
24
F
25
S
26
S
27
M
28
T
29
W
 
30
T
 
meaning of mark :: nothing , comment , trackback , comment and trackback
  
2021/07/03 
Title: 前言撤回!!ドロップダウンは?



スーパーでは手に入らないユニークなお肉が、500種類【ミートガイ】
■500種類の人気のお肉!お得な通販【お肉の専門店 ミートガイ】
__________________________________

●スーパーでは手に入らないお肉・安心安全なお肉を、年中無休で365日お届けします
●日本人だけではなく、在日外国人にもファン多数!
●デカい!ワイルド!でもヘルシー!ミートガイのお肉で、気分は100%アメリカン
●クリスマス、ホームパーティ、BBQが一気に盛り上がります!

▼詳細はこちら クリスマスやホームパーティーが盛り上がる!【ミートガイ】


__________________________________



またまた前言撤回!!
「二段重ねメインメニュー」でメニュー数を2個増やし、
更に増やすなら最大12個に増やすことも出来る・・・、、。

しかし、同系グループページが問題の発端で、唯々ページを増やすというのは、
グループ(カテゴリ)という住み分けが無くなり、締まりが無くなる。

メニューの数では・・ダメで、同系列のリンクページは纏まった方が良い。

「ドロップダウンメニュー」が俄然必要と理解する。

早速、CSSファイルに「menubar ul.ddmenu」等のタグソースを、他所からコピペで書き込む。

【CSSファイル側】
/* ドロップダウンメニュー用
-------------------------------------------------------------*/
#menubar ul.ddmenu {
position:absolute;
visibility: hidden;
z-index: 100;
box-shadow: 0px 1px 3px rgba(0,0,0,0.15); /*ボックスの影。右に、下に、広げる幅、0,0,0は黒の事で0.15は透明度15%の事。*/
background: #333; /*背景色(古いブラウザ用)*/
background: rgba(0,0,0,0.5); /*背景色。0,0,0は黒の事で0.8は透明度80%の事。*/
width: 21%; /*幅。お好みで変更してもらってOKです。*/
padding: 10px; /*ボックス内の余白*/
border-radius: 8px; /*角丸のサイズ*/
border: 2px solid #fff; /*枠線の幅、線種、色*/
}
/*メニュー1個あたりの設定*/
#menubar ul.ddmenu li {
padding-top: 0;
width: 100%; /*幅*/
height: 2em; /*高さ*/
overflow: hidden; /*上の高さを超えた時に非表示にする設定。文字数が増えた時にレイアウトが崩れないための設定ですが、文字を全て表示させたいならこの行と上の行を削除。*/
}
#menubar ul.ddmenu li a {
background: transparent; /*背景色をリセットする*/
border-radius: 0;
text-align: left; /*文字を左寄せ*/
padding: 0 10px; /*上下、左右への余白*/
color: #fff; /*文字色*/
}
/*マウスオン時*/
#menubar ul.ddmenu li a:hover {
border-radius: 0;
background: #fff; /*背景色*/
color: #5aaf35; /*文字色*/
}

上記の書き込みと、

HTMLページに
<li><a href="URL@">タイトル@</a>
<ul class="ddmenu">
<li><a href="URLA">タイトルA</a>
<li><a href="URLB">タイトルB</a>
</ul>

のように、しかし・・・しばらく表示がうまくいかない!!
焦った
   (-。-;)y-  ・・・   (-.-;)y-~~~
何故?
   簡単に出来るはずが???? (/・_・\)あちゃ〜

( ((-_-(-_-;=(-_-;=;-_-)=;-_-)-_-)) )

ㇵッ 思い出した!! ジャワスクリプトJavaScript「ddmenu_min.js」のことを!!

これも他所からコピペ。  でっ、
 前言撤回!!ドロップダウンは? 細かい表示設定は理想通りでは無かったが、
問題がないから良し!  (≧∇≦)b OK

・・・メインサイトの工事は、続く。
 前言撤回!!ドロップダウンは?


[運勢占い]⇒クリックOK

posted at 2021/07/03 17:06:22
lastupdate at 2021/07/03 17:07:44
  -修正-
 

Trackback URL

クリップボードへコピーする場合は こちらをクリック(Win+IEのみ)

Trackbacks

Comments

Post your Comment
name
mail
home
comment
文字装飾 グラデーション 絵文字



▼ MyPage DemonStrationPreview ▼



▲ Pageの上へ ▲




pplog2 by Rocomotion
pplog2 by Rocomotion
Designed by info-cache.com