Die Referenz

This page contains reference with some older default plugin settings.

v3 Listing templates and CSS

Listing #1

<Div-Klasse =”videowhisperWebcam”>
<Div-Klasse =”videowhisperTitle”>#Name Nr</div>
<Div-Klasse =”videowhisperTime”>#BanLink # #age #</div>
<Div-Klasse =”videowhisperCPM”>Private: #clientCPM# #currency#/m</div>
<ein Href =”#URL -Nr”>#preview#</ein>
<Div-Klasse =”videowhisperBrief”>#RoomBrief #</div>
<Div-Klasse =”videowhisperTags”>#RoomTags #</div>
<Div-Klasse =”videowhisperGroupMode”>Mode: #groupMode#</div>
<Div-Klasse =”videowhisperGroupCPM”>#groupCPM# #currency#/m</div>
<Div-Klasse =”videowhisperPerformers”>#performers#</div>
#enter#
</div>

Listing #2

<Div-Klasse =”videowhisperWebcam2″>
<Div-Klasse =”videowhisperTitle”>#Name Nr</div>
<Div-Klasse =”videowhisperTime”>#BanLink # #age #</div>
<Div-Klasse =”videowhisperCPM”>Private: #clientCPM# #currency#/m</div>
<ein Href =”#URL -Nr”>#preview#</ein>
<Div-Klasse =”videowhisperBrief”>#RoomBrief #</div>
<Div-Klasse =”videowhisperTags”>#RoomTags #</div>
<Div-Klasse =”videowhisperGroupMode”>Mode: #groupMode#</div>
<Div-Klasse =”videowhisperGroupCPM”>#groupCPM# #currency#/m</div>
<Div-Klasse =”videowhisperPerformers”>#performers#</div>
#enter#
</div>

CSS

<style type=text/css”>
.videowhisperSearchBox{
display:inline-block;
padding: 2PX;
margin: 2PX;
}
.videowhisperSearch{
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
padding: 2PX;
margin: 2PX;
color: #eee;
Hintergrund: #556570;
border: keine;
}
.videowhisperSearch:hover {
background-color: #555555;
color: white;
}
.videowhisperInput{
padding: 2PX;
margin: 2PX;
}
.videowhisperEnter
{
position: absolute;
display:inline-block;
bottom: 5PX;
right: 5PX;
font-size: 16PX;
color: #333;
background-color:#eee;
padding: 5PX;
z-index: 10;
}
.videowhisperEnter: hover
{
background-color: #fff;
}
.videowhisperMdropbtn {
background-color: #AF4C50;
color: white;
padding: 5PX;
font-size: 16PX;
border: keine;
cursor: pointer;
}
.videowhisperMdropdown {
position: absolute;
display: inline-block;
bottom: 5PX;
right: 5PX;
}
.videowhisperMdropdown-content {
display: keine;
position: absolute;
background-color: #F9F9F9;
min-width: 160PX;
Feld-Schatten: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 15;
bottom: 25PX;
right: 0PX;
Ausrichten von Text: right;
}
.videowhisperMdropdown-content a {
color: black;
padding: 8px 10px;
Text-decoration: keine;
display: block;
}
.videowhisperMdropdown-content a:hover {
background-color: #f1e1e1
}
.videowhisperMdropdown:hover .videowhisperMdropdown-content {
display: block;
}
.videowhisperMdropdown:hover .videowhisperMdropbtn {
background-color: #8e3e41;
}
.videowhisperWebcam
{
position: relative;
display:inline-block;
float: Links;
border:1px solid #aaa;
background-color:#666;
padding: 0PX;
margin: 2PX;
width: 240PX;
height: 240PX;
Überlauf: versteckt;
z-index: 0;
}
.videowhisperWebcam2
{
position: relative;
display:inline-block;
float: Links;
border:1px solid #aaa;
background-color:#666;
padding: 0PX;
margin: 2PX;
width: 486PX;
height: 486PX;
Überlauf: versteckt;
z-index: 0;
}
.videowhisperSnap
{
width: 240PX;
height: 180PX;
}
.videowhisperSnap2
{
width: 486PX;
height: 364PX;
}
.videowhisperWebcam:hover, .videowhisperWebcam2:hover {
border:1px solid #fff;
background-color:#333;
}
.videowhisperPreview
{
width: 240PX;
height: 180PX;
padding: 0PX;
margin: 0PX;
border: 0PX;
z-index: 1;
}
.videowhisperPreview2
{
width: 486PX;
height: 364PX;
padding: 0PX;
margin: 0PX;
border: 0PX;
z-index: 1;
}
.videowhisperTitle
{
position: absolute;
top:5PX;
Links:5PX;
font-size: 20PX;
color: #FFF;
text-shadow:1px 1px 1px #333;
z-index: 10;
}
.videowhisperTime
{
position: absolute;
bottom: 65PX;
Links:5PX;
font-size: 14PX;
color: #FFF;
text-shadow:1px 1px 1px #333;
z-index: 10;
}
.videowhisperTags
{
position: absolute;
bottom: 40PX;
Links: 5PX;
font-size: 14PX;
color: #fff;
text-shadow:1px 1px 1px #333;
z-index: 10;
}
.videowhisperBrief
{
position: absolute;
bottom: 22PX;
Links: 5PX;
font-size: 12PX;
color: #eee;
text-shadow:1px 1px 1px #333;
z-index: 10;
}
.videowhisperGroupMode
{
position: absolute;
bottom: 5PX;
Links: 5PX;
font-size: 14PX;
color: #eef;
text-shadow:1px 1px 1px #333;
z-index: 10;
}
.videowhisperGroupCPM
{
position: absolute;
bottom: 5PX;
right: 70PX;
font-size: 14PX;
color: #efe;
text-shadow:1px 1px 1px #333;
z-index: 10;
}
.videowhisperPerformers
{
position: absolute;
top: 30PX;
Links: 5PX;
font-size: 12PX;
color: #fee;
text-shadow:1px 1px 1px #333;
z-index: 10;
}
.videowhisperCPM
{
position: absolute;
bottom: 65PX;
right:5PX;
font-size: 14PX;
color: #FFF;
text-shadow:1px 1px 1px #333;
z-index: 10;
}
.videowhisperButton {
-Moz-Box-shadow:Einpresstiefe 0px 1px 0px 0px #ffffff;
-WebKit-Box-shadow:Einpresstiefe 0px 1px 0px 0px #ffffff;
Feld-Schatten:Einpresstiefe 0px 1px 0px 0px #ffffff;
-Webkit-Border-Top-Links-radius:6PX;
-Moz-Border-Radius-topleft:6PX;
oben-links-Randradius:6PX;
-Webkit-Border-oben-rechts-radius:6PX;
-Moz-Border-Radius-topright:6PX;
oben-rechts-Randradius:6PX;
-Webkit-Border-unten-rechts-radius:6PX;
-Moz-Border-Radius-bottomright:6PX;
unten-rechts-Randradius:6PX;
-Webkit-Border-unten-links-radius:6PX;
-Moz-Border-Radius-bottomleft:6PX;
unten-links-Randradius:6PX;
Text-indent:0;
border:1PX solid #dcdcdc;
display:inline-block;
color:#666666;
Schriftfamilie:Verdana;
font-size:15PX;
Schriftbreite:kühn;
Schriftschnitt:normale;
padding: 10PX;
width:200PX;
Text-decoration:keine;
Ausrichten von Text:Zentrum;
text-shadow:1PX 1px 0px #ffffff;
background-color:#e9e9e9;
}
.videowhisperButton:hover {
background-color:#F9F9F9;
}
.videowhisperButton:aktive {
position:relative;
top:1PX;
}
TD {
padding: 4PX;
}
Tabelle, .videowhisperTable {
Rahmenabstand: 4PX;
Grenze-Zusammenbruch: separate;
}
.videowhisperDropdown {
display:inline-block;
border: 1PX solid #111;
Überlauf: versteckt;
Border-radius:3PX;
color: #eee;
Hintergrund: #556570;
width: 240PX;
margin: 2PX;
}
.videowhisperSelect {
color: #fff;
Text-indent: 10PX;
font-size: 14PX;
width: 100%;
border: keine;
Feld-Schatten: keine;
Hintergrund: transparente;
Hintergrund-Bild: keine;
-WebKit-Darstellung: keine;
}
.videowhisperSelect:Fokus {
Gliederung: keine;
}
</Stil>

v2

Listings
/wp-admin/admin.php?page=live-webcams&tab=listings

AJAX Listings CSS

<style type=text/css”>
.videowhisperWebcam
{
position: relative;
display:inline-block;
border:1px solid #aaa;
background-color:#666;
padding: 0PX;
margin: 2PX;
width: 240PX;
height: 240PX;
}
.videowhisperWebcam:hover {
border:1px solid #fff;
background-color:#333;
}
.videowhisperWebcam IMG
{
padding: 0PX;
margin: 0PX;
border: 0PX;
}
.videowhisperTitle
{
position: absolute;
top:5PX;
Links:5PX;
font-size: 20PX;
color: #FFF;
text-shadow:1px 1px 1px #333;
}
.videowhisperTime
{
position: absolute;
bottom: 65PX;
Links:5PX;
font-size: 14PX;
color: #FFF;
text-shadow:1px 1px 1px #333;
}
.videowhisperTags
{
position: absolute;
bottom: 40PX;
Links: 5PX;
font-size: 14PX;
color: #fff;
text-shadow:1px 1px 1px #333;
}
.videowhisperBrief
{
position: absolute;
bottom: 22PX;
Links: 5PX;
font-size: 12PX;
color: #eee;
text-shadow:1px 1px 1px #333;
}
.videowhisperEnter
{
position: absolute;
display:inline-block;
bottom: 5PX;
right: 5PX;
font-size: 16PX;
color: #333;
background-color:#eee;
padding: 5PX;
}
.videowhisperEnter: hover
{
background-color: #fff;
}
.videowhisperCPM
{
position: absolute;
bottom: 65PX;
right:5PX;
font-size: 14PX;
color: #FFF;
text-shadow:1px 1px 1px #333;
}
.videowhisperButton {
-Moz-Box-shadow:Einpresstiefe 0px 1px 0px 0px #ffffff;
-WebKit-Box-shadow:Einpresstiefe 0px 1px 0px 0px #ffffff;
Feld-Schatten:Einpresstiefe 0px 1px 0px 0px #ffffff;
-Webkit-Border-Top-Links-radius:6PX;
-Moz-Border-Radius-topleft:6PX;
oben-links-Randradius:6PX;
-Webkit-Border-oben-rechts-radius:6PX;
-Moz-Border-Radius-topright:6PX;
oben-rechts-Randradius:6PX;
-Webkit-Border-unten-rechts-radius:6PX;
-Moz-Border-Radius-bottomright:6PX;
unten-rechts-Randradius:6PX;
-Webkit-Border-unten-links-radius:6PX;
-Moz-Border-Radius-bottomleft:6PX;
unten-links-Randradius:6PX;
Text-indent:0;
border:1PX solid #dcdcdc;
display:inline-block;
color:#666666;
Schriftfamilie:Verdana;
font-size:15PX;
Schriftbreite:kühn;
Schriftschnitt:normale;
height:50PX;
Zeilenhöhe:50PX;
width:200PX;
Text-decoration:keine;
Ausrichten von Text:Zentrum;
text-shadow:1PX 1px 0px #ffffff;
background-color:#e9e9e9;
}
.videowhisperButton:hover {
background-color:#F9F9F9;
}
.videowhisperButton:aktive {
position:relative;
top:1PX;
}
TD {
padding: 4PX;
}
Tabelle, .videowhisperTable {
Rahmenabstand: 4PX;
Grenze-Zusammenbruch: separate;
}
.videowhisperDropdown {
display:inline-block;
border: 1PX solid #111;
Überlauf: versteckt;
Border-radius:3PX;
color: #eee;
Hintergrund: #556570;
width: 240PX;
margin: 2PX;
}
.videowhisperSelect {
color: #fff;
Text-indent: 10PX;
font-size: 14PX;
width: 100%;
border: keine;
Feld-Schatten: keine;
Hintergrund: transparente;
Hintergrund-Bild: keine;
-WebKit-Darstellung: keine;
}
.videowhisperSelect:Fokus {
Gliederung: keine;
}
</Stil>

Angebotsvorlage

<Div-Klasse =”videowhisperWebcam”>
<Div-Klasse =”videowhisperTitle”>#Name Nr</div>
<Div-Klasse =”videowhisperTime”>#BanLink # #age #</div>
<Div-Klasse =”videowhisperCPM”>#ClientCPM #$/ min</div>
<ein Href =”#URL -Nr”><IMG Src =”#Snapshot -Nr” Breite =”#ThumbWidth #px” Höhe =”#ThumbHeight #px”></ein>
<Div-Klasse =”videowhisperBrief”>#RoomBrief #</div>
<Div-Klasse =”videowhisperTags”>#RoomTags #</div>
<eine Klasse = “videowhisperEnter” Href =”#URL -Nr”>Geben Sie</ein>
</div>