fbpx

Settings Reference

This page contains reference with some older default plugin settings.

v3 Listing templates and CSS

Listing #1

<div class=videowhisperWebcam”>
<div class=videowhisperTitle”>#name#</divの>
<div class=videowhisperTime”>#banLink# #age#</divの>
<div class=videowhisperCPM”>プライベート: #clientCPM# #currency#/m</divの>
<のhref =”#url#”>#preview#</A>
<div class=videowhisperBrief”>#roomBrief#</divの>
<div class=videowhisperTags”>#roomTags#</divの>
<div class=videowhisperGroupMode”>Mode: #groupMode#</divの>
<div class=videowhisperGroupCPM”>#groupCPM# #currency#/m</divの>
<div class=videowhisperPerformers”>#performers#</divの>
#enter#
</divの>

Listing #2

<div class=videowhisperWebcam2″>
<div class=videowhisperTitle”>#name#</divの>
<div class=videowhisperTime”>#banLink# #age#</divの>
<div class=videowhisperCPM”>プライベート: #clientCPM# #currency#/m</divの>
<のhref =”#url#”>#preview#</A>
<div class=videowhisperBrief”>#roomBrief#</divの>
<div class=videowhisperTags”>#roomTags#</divの>
<div class=videowhisperGroupMode”>Mode: #groupMode#</divの>
<div class=videowhisperGroupCPM”>#groupCPM# #currency#/m</divの>
<div class=videowhisperPerformers”>#performers#</divの>
#enter#
</divの>

Css

<style type=text/css”>
.videowhisperSearchBox{
表示:inline-block;
padding: 2ピクセル;
margin: 2ピクセル;
}
.videowhisperSearch{
-webkit-transition-duration: 0.4sの; /* サファリ */
transition-duration: 0.4sの;
padding: 2ピクセル;
margin: 2ピクセル;
カラー: #eee;
background: #556570;
border: なし;
}
.videowhisperSearch:hover {
背景色: #555555;
カラー: white;
}
.videowhisperInput{
padding: 2ピクセル;
margin: 2ピクセル;
}
.videowhisperEnter
{
position: absolute;
表示:inline-block;
bottom: 5ピクセル;
right: 5ピクセル;
font-size: 16ピクセル;
カラー: #333;
背景色:#eee;
padding: 5ピクセル;
z-index: 10;
}
.videowhisperEnter: hover
{
背景色: #fff;
}
.videowhisperMdropbtn {
背景色: #AF4C50;
カラー: white;
padding: 5ピクセル;
font-size: 16ピクセル;
border: なし;
cursor: pointer;
}
.videowhisperMdropdown {
position: absolute;
表示: inline-block;
bottom: 5ピクセル;
right: 5ピクセル;
}
.videowhisperMdropdown-content {
表示: なし;
position: absolute;
背景色: #f9f9f9;
min-width: 160ピクセル;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 15;
bottom: 25ピクセル;
right: 0ピクセル;
text-align: right;
}
.videowhisperMdropdown-content a {
カラー: 黒;
padding: 8px 10px;
text-decoration: なし;
表示: ブロック;
}
.videowhisperMdropdown-content a:hover {
背景色: #f1e1e1
}
.videowhisperMdropdown:hover .videowhisperMdropdown-content {
表示: ブロック;
}
.videowhisperMdropdown:hover .videowhisperMdropbtn {
背景色: #8e3e41;
}
.videowhisperWebcam
{
position: relative;
表示:inline-block;
float: 左;
border:1px solid #aaa;
背景色:#666;
padding: 0ピクセル;
margin: 2ピクセル;
width: 240ピクセル;
height: 240ピクセル;
overflow: hidden;
z-index: 0;
}
.videowhisperWebcam2
{
position: relative;
表示:inline-block;
float: 左;
border:1px solid #aaa;
背景色:#666;
padding: 0ピクセル;
margin: 2ピクセル;
width: 486ピクセル;
height: 486ピクセル;
overflow: hidden;
z-index: 0;
}
.videowhisperSnap
{
width: 240ピクセル;
height: 180ピクセル;
}
.videowhisperSnap2
{
width: 486ピクセル;
height: 364ピクセル;
}
.videowhisperWebcam:hover, .videowhisperWebcam2:hover {
border:1px solid #fff;
背景色:#333;
}
.videowhisperPreview
{
width: 240ピクセル;
height: 180ピクセル;
padding: 0ピクセル;
margin: 0ピクセル;
border: 0ピクセル;
z-index: 1;
}
.videowhisperPreview2
{
width: 486ピクセル;
height: 364ピクセル;
padding: 0ピクセル;
margin: 0ピクセル;
border: 0ピクセル;
z-index: 1;
}
.videowhisperTitle
{
position: absolute;
上:5ピクセル;
左:5ピクセル;
font-size: 20ピクセル;
カラー: #FFF;
text-shadow:1px 1px 1px #333;
z-index: 10;
}
.videowhisperTime
{
position: absolute;
bottom: 65ピクセル;
左:5ピクセル;
font-size: 14ピクセル;
カラー: #FFF;
text-shadow:1px 1px 1px #333;
z-index: 10;
}
.videowhisperTags
{
position: absolute;
bottom: 40ピクセル;
左: 5ピクセル;
font-size: 14ピクセル;
カラー: #fff;
text-shadow:1px 1px 1px #333;
z-index: 10;
}
.videowhisperBrief
{
position: absolute;
bottom: 22ピクセル;
左: 5ピクセル;
font-size: 12ピクセル;
カラー: #eee;
text-shadow:1px 1px 1px #333;
z-index: 10;
}
.videowhisperGroupMode
{
position: absolute;
bottom: 5ピクセル;
左: 5ピクセル;
font-size: 14ピクセル;
カラー: #eef;
text-shadow:1px 1px 1px #333;
z-index: 10;
}
.videowhisperGroupCPM
{
position: absolute;
bottom: 5ピクセル;
right: 70ピクセル;
font-size: 14ピクセル;
カラー: #efe;
text-shadow:1px 1px 1px #333;
z-index: 10;
}
.videowhisperPerformers
{
position: absolute;
上: 30ピクセル;
左: 5ピクセル;
font-size: 12ピクセル;
カラー: #fee;
text-shadow:1px 1px 1px #333;
z-index: 10;
}
.videowhisperCPM
{
position: absolute;
bottom: 65ピクセル;
right:5ピクセル;
font-size: 14ピクセル;
カラー: #FFF;
text-shadow:1px 1px 1px #333;
z-index: 10;
}
.videowhisperButton {
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
box-shadow:inset 0px 1px 0px 0px #ffffff;
-webkit-border-top-left-radius:6ピクセル;
-moz-border-radius-topleft:6ピクセル;
border-top-left-radius:6ピクセル;
-webkit-border-top-right-radius:6ピクセル;
-moz-border-radius-topright:6ピクセル;
border-top-right-radius:6ピクセル;
-webkit-border-bottom-right-radius:6ピクセル;
-moz-border-radius-bottomright:6ピクセル;
border-bottom-right-radius:6ピクセル;
-webkit-border-bottom-left-radius:6ピクセル;
-moz-border-radius-bottomleft:6ピクセル;
border-bottom-left-radius:6ピクセル;
text-indent:0;
border:1px solid #dcdcdc;
表示:inline-block;
カラー:#666666;
フォントファミリ:Verdana;
font-size:15ピクセル;
font-weight:bold;
font-style:normal;
padding: 10ピクセル;
width:200ピクセル;
text-decoration:なし;
text-align:center;
text-shadow:1px 1px 0px #ffffff;
背景色:#e9e9e9;
}
.videowhisperButton:hover {
背景色:#f9f9f9;
}
.videowhisperButton:active {
position:relative;
上:1ピクセル;
}
td {
padding: 4ピクセル;
}
テーブル, .videowhisperTable {
border-spacing: 4ピクセル;
border-collapse: separate;
}
.videowhisperDropdown {
表示:inline-block;
border: 1px solid #111;
overflow: hidden;
境界線の半径:3ピクセル;
カラー: #eee;
background: #556570;
width: 240ピクセル;
margin: 2ピクセル;
}
.videowhisperSelect {
カラー: #fff;
text-indent: 10ピクセル;
font-size: 14ピクセル;
width: 100%;
border: なし;
box-shadow: なし;
background: 透明;
background-image: なし;
-webkit-appearance: なし;
}
.videowhisperSelect:フォーカス {
outline: なし;
}
</style>

v2

リスト
/wp-admin/admin.php?page=live-webcams&tab=listings

AJAX Listings CSS

<style type=text/css”>
.videowhisperWebcam
{
position: relative;
表示:inline-block;
border:1px solid #aaa;
背景色:#666;
padding: 0ピクセル;
margin: 2ピクセル;
width: 240ピクセル;
height: 240ピクセル;
}
.videowhisperWebcam:hover {
border:1px solid #fff;
背景色:#333;
}
.videowhisperWebcam IMG
{
padding: 0ピクセル;
margin: 0ピクセル;
border: 0ピクセル;
}
.videowhisperTitle
{
position: absolute;
上:5ピクセル;
左:5ピクセル;
font-size: 20ピクセル;
カラー: #FFF;
text-shadow:1px 1px 1px #333;
}
.videowhisperTime
{
position: absolute;
bottom: 65ピクセル;
左:5ピクセル;
font-size: 14ピクセル;
カラー: #FFF;
text-shadow:1px 1px 1px #333;
}
.videowhisperTags
{
position: absolute;
bottom: 40ピクセル;
左: 5ピクセル;
font-size: 14ピクセル;
カラー: #fff;
text-shadow:1px 1px 1px #333;
}
.videowhisperBrief
{
position: absolute;
bottom: 22ピクセル;
左: 5ピクセル;
font-size: 12ピクセル;
カラー: #eee;
text-shadow:1px 1px 1px #333;
}
.videowhisperEnter
{
position: absolute;
表示:inline-block;
bottom: 5ピクセル;
right: 5ピクセル;
font-size: 16ピクセル;
カラー: #333;
背景色:#eee;
padding: 5ピクセル;
}
.videowhisperEnter: hover
{
背景色: #fff;
}
.videowhisperCPM
{
position: absolute;
bottom: 65ピクセル;
right:5ピクセル;
font-size: 14ピクセル;
カラー: #FFF;
text-shadow:1px 1px 1px #333;
}
.videowhisperButton {
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
box-shadow:inset 0px 1px 0px 0px #ffffff;
-webkit-border-top-left-radius:6ピクセル;
-moz-border-radius-topleft:6ピクセル;
border-top-left-radius:6ピクセル;
-webkit-border-top-right-radius:6ピクセル;
-moz-border-radius-topright:6ピクセル;
border-top-right-radius:6ピクセル;
-webkit-border-bottom-right-radius:6ピクセル;
-moz-border-radius-bottomright:6ピクセル;
border-bottom-right-radius:6ピクセル;
-webkit-border-bottom-left-radius:6ピクセル;
-moz-border-radius-bottomleft:6ピクセル;
border-bottom-left-radius:6ピクセル;
text-indent:0;
border:1px solid #dcdcdc;
表示:inline-block;
カラー:#666666;
フォントファミリ:Verdana;
font-size:15ピクセル;
font-weight:bold;
font-style:normal;
height:50ピクセル;
line-height:50ピクセル;
width:200ピクセル;
text-decoration:なし;
text-align:center;
text-shadow:1px 1px 0px #ffffff;
背景色:#e9e9e9;
}
.videowhisperButton:hover {
背景色:#f9f9f9;
}
.videowhisperButton:active {
position:relative;
上:1ピクセル;
}
td {
padding: 4ピクセル;
}
テーブル, .videowhisperTable {
border-spacing: 4ピクセル;
border-collapse: separate;
}
.videowhisperDropdown {
表示:inline-block;
border: 1px solid #111;
overflow: hidden;
境界線の半径:3ピクセル;
カラー: #eee;
background: #556570;
width: 240ピクセル;
margin: 2ピクセル;
}
.videowhisperSelect {
カラー: #fff;
text-indent: 10ピクセル;
font-size: 14ピクセル;
width: 100%;
border: なし;
box-shadow: なし;
background: 透明;
background-image: なし;
-webkit-appearance: なし;
}
.videowhisperSelect:フォーカス {
outline: なし;
}
</style>

Listing Template

<div class=videowhisperWebcam”>
<div class=videowhisperTitle”>#name#</divの>
<div class=videowhisperTime”>#banLink# #age#</divの>
<div class=videowhisperCPM”>#clientCPM#$/min</divの>
<のhref =”#url#”><IMG src=”#snapshot#” 幅=”#thumbWidth#px” 高さ=”#thumbHeight#px”></A>
<div class=videowhisperBrief”>#roomBrief#</divの>
<div class=videowhisperTags”>#roomTags#</divの>
<a class =videowhisperEnterhref=”#url#”>Enter</A>
</divの>