أهلا وسهلا بك زائرنا الكريم في PBBoard Community Forum، لكي تتمكن من المشاركة ومشاهدة جميع أقسام المنتدى وكافة الميزات ، يجب عليك إنشاء حساب جديد بالتسجيل بالضغط هنا أو تسجيل الدخول اضغط هنا إذا كنت عضواً .







اريد عمل صفحة لدمج رابط مع صورة

السلام عليكم ورحمة الله وبركاته اخوتى اريد عمل صفحة ادمج رابط داخل صور بمعنى ادق اضع ثلاث تكست بوكس واحد لرابط الصور وال ..


موضوع مغلق

الصفحة 1 من 4 < 1 2 3 4 > الأخيرة »


21-06-2017 12:52 صباحا
BilalBilal
عضـو مشارك
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 21-06-2017
رقم العضوية : 7314
المشاركات : 42
الجنس : ذكر
تاريخ الميلاد : 25-11-1977
قوة السمعة : 0
PBBoard Version : غير محدد
 offline 
السلام عليكم ورحمة الله وبركاته
اخوتى اريد عمل صفحة ادمج رابط داخل صور بمعنى ادق
اضع ثلاث تكست بوكس واحد لرابط الصور والثانى لاى رابط موقع
والثالث للوصف حتى اذا ضغط الزائر على الصورة يتم تحويلة الى الموقع اللى داخل الصورة
وانا اسف لانى لسة جديد معكم عموما ومع البرمجة خصوصا.

21-06-2017 01:09 صباحا
مشاهدة مشاركة منفردة [1]
Soliman
PBB Management
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 18-07-2009
رقم العضوية : 1
المشاركات : 11658
الدولة : السعودية
الجنس : ذكر
تاريخ الميلاد : 6-1-1980
الدعوات : 51
قوة السمعة : 68856
موقعي : زيارة موقعي
عدد الإجابات: 253
PBBoard Version : 3.0.3
 offline 
look/images/icons/i1.gif اريد عمل صفحة لدمج رابط مع صورة
وعليكم السلام ورحمة الله وبركاته ،،
هل لديك  مثال حي  للطريقة التي تريدها
يفضل ان تضع رابط الموقع مطبق نفس الطريقة او صورة
توقيع :Soliman
تذكر : لكي تتم مساعدتك في استفساراتك وطلباتك يجب عليك الالتزام بتطبيق قوانين الدعم الفني


21-06-2017 01:31 صباحا
مشاهدة مشاركة منفردة [2]
BilalBilal
عضـو مشارك
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 21-06-2017
رقم العضوية : 7314
المشاركات : 42
الجنس : ذكر
تاريخ الميلاد : 25-11-1977
قوة السمعة : 0
PBBoard Version : غير محدد
 offline 
look/images/icons/i1.gif اريد عمل صفحة لدمج رابط مع صورة
مثل ذلك اخى وربنا يجزيك كل خير يارب....

https://fblinker.com/

21-06-2017 01:59 صباحا
مشاهدة مشاركة منفردة [3]
Soliman
PBB Management
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 18-07-2009
رقم العضوية : 1
المشاركات : 11658
الدولة : السعودية
الجنس : ذكر
تاريخ الميلاد : 6-1-1980
الدعوات : 51
قوة السمعة : 68856
موقعي : زيارة موقعي
عدد الإجابات: 253
PBBoard Version : 3.0.3
 offline 
look/images/icons/i1.gif اريد عمل صفحة لدمج رابط مع صورة
تفضل 
<style>
form {
    padding: 52px 8px 25px;
}
ol, ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
input {
    -webkit-appearance: textfield;
    background-color: white;
    -webkit-rtl-ordering: logical;
    user-select: text;
    cursor: auto;
    padding: 1px;
    border-width: 2px;
    border-style: inset;
    border-color: initial;
    border-image: initial;
}
user agent stylesheet
input, textarea, select, button {
    text-rendering: auto;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    margin: 0em 0em 0em 0em;
    font: 13.3333px Arial;
}
user agent stylesheet
input, textarea, select, button, meter, progress {
    -webkit-writing-mode: horizontal-tb;
}
textarea {
    -webkit-appearance: textarea;
    background-color: white;
    -webkit-rtl-ordering: logical;
    user-select: text;
    flex-direction: column;
    resize: auto;
    cursor: auto;
    white-space: pre-wrap;
    word-wrap: break-word;
    border-width: 1px;
    border-style: solid;
    border-color: initial;
    border-image: initial;
    padding: 2px;
}
</style>
<form action="#" id="mainform" method="post" target="hiframe" enctype="multipart/form-data">
<div class="cols">
<ul>
<li class="text">Your Link : </li>
<li><input name="link" id="link" type="text"></li>
</ul>
<ul>
<li class="text">Description : </li>
<li><textarea name="description" id="description"></textarea></li>
</ul>
<ul>
<li class="text">Picture : </li>
<li><input name="image" id="image" type="file" accept="image/*">
<input name="image_uped" id="image_uped" type="hidden" value=""/>
<input name="image_top" id="image_top" type="hidden" value=""/>
<input name="image_left" id="image_left" type="hidden" value=""/>
<input name="image_width" id="image_width" type="hidden" value=""/>
<input name="image_basewidth" id="image_basewidth" type="hidden" value=""/>
</li>
</ul>
</form>
توقيع :Soliman
تذكر : لكي تتم مساعدتك في استفساراتك وطلباتك يجب عليك الالتزام بتطبيق قوانين الدعم الفني


21-06-2017 02:41 صباحا
مشاهدة مشاركة منفردة [4]
BilalBilal
عضـو مشارك
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 21-06-2017
رقم العضوية : 7314
المشاركات : 42
الجنس : ذكر
تاريخ الميلاد : 25-11-1977
قوة السمعة : 0
PBBoard Version : غير محدد
 offline 
look/images/icons/i1.gif اريد عمل صفحة لدمج رابط مع صورة
المشاركة الأصلية كتبت بواسطة: Soliman
تفضل 
<style>
form {
    padding: 52px 8px 25px;
}
ol, ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
input {
    -webkit-appearance: textfield;
    background-color: white;
    -webkit-rtl-ordering: logical;
    user-select: text;
    cursor: auto;
    padding: 1px;
    border-width: 2px;
    border-style: inset;
    border-color: initial;
    border-image: initial;
}
user agent stylesheet
input, textarea, select, button {
    text-rendering: auto;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    margin: 0em 0em 0em 0em;
    font: 13.3333px Arial;
}
user agent stylesheet
input, textarea, select, button, meter, progress {
    -webkit-writing-mode: horizontal-tb;
}
textarea {
    -webkit-appearance: textarea;
    background-color: white;
    -webkit-rtl-ordering: logical;
    user-select: text;
    flex-direction: column;
    resize: auto;
    cursor: auto;
    white-space: pre-wrap;
    word-wrap: break-word;
    border-width: 1px;
    border-style: solid;
    border-color: initial;
    border-image: initial;
    padding: 2px;
}
</style>
<form action="#" id="mainform" method="post" target="hiframe" enctype="multipart/form-data">
<div class="cols">
<ul>
<li class="text">Your Link : </li>
<li><input name="link" id="link" type="text"></li>
</ul>
<ul>
<li class="text">Description : </li>
<li><textarea name="description" id="description"></textarea></li>
</ul>
<ul>
<li class="text">Picture : </li>
<li><input name="image" id="image" type="file" accept="image/*">
<input name="image_uped" id="image_uped" type="hidden" value=""/>
<input name="image_top" id="image_top" type="hidden" value=""/>
<input name="image_left" id="image_left" type="hidden" value=""/>
<input name="image_width" id="image_width" type="hidden" value=""/>
<input name="image_basewidth" id="image_basewidth" type="hidden" value=""/>
</li>
</ul>
</form>

الله يبارك فى حضرتك اخى العزيز ويجزيك كل الخيرات...
لكن بعد ما وضعت الروابط والوصف لا يوجد زر التحويل يعنى كانى لم أفعل شيئاً....
فقط ينقصه زر التحويل وطبعا انا اسف أثقلت عليك


تم تحرير المشاركة بواسطة :BilalBilal
بتاريخ:21-06-2017 03:20 صباحا


21-06-2017 03:24 صباحا
مشاهدة مشاركة منفردة [5]
Soliman
PBB Management
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 18-07-2009
رقم العضوية : 1
المشاركات : 11658
الدولة : السعودية
الجنس : ذكر
تاريخ الميلاد : 6-1-1980
الدعوات : 51
قوة السمعة : 68856
موقعي : زيارة موقعي
عدد الإجابات: 253
PBBoard Version : 3.0.3
 offline 
look/images/icons/i1.gif اريد عمل صفحة لدمج رابط مع صورة
إذا تقصد زر Submit ارسال النموذج
فابحث عن 
​</form>
وضع قبلها هذا الكود
​<input id="submit_button" type="submit" value="Submit">


وهنا الكود الكامل مع استقبال المدخلات وعرضها من خلال php
<!DOCTYPE html>
<html lang="en">
<head>
<script type="text/javascript" src="https://fblinker.com/js/script.js"></script>
<script type="text/javascript" src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script>window.onbeforeunload=wraploading;</script>
<title>link thumbnail !</title>
<style>
form {
    padding: 52px 8px 25px;
}
ol, ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
input {
    -webkit-appearance: textfield;
    background-color: white;
    -webkit-rtl-ordering: logical;
    user-select: text;
    cursor: auto;
    padding: 1px;
    border-width: 2px;
    border-style: inset;
    border-color: initial;
    border-image: initial;
}
user agent stylesheet
input, textarea, select, button {
    text-rendering: auto;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    margin: 0em 0em 0em 0em;
    font: 13.3333px Arial;
}
user agent stylesheet
input, textarea, select, button, meter, progress {
    -webkit-writing-mode: horizontal-tb;
}
textarea {
    -webkit-appearance: textarea;
    background-color: white;
    -webkit-rtl-ordering: logical;
    user-select: text;
    flex-direction: column;
    resize: auto;
    cursor: auto;
    white-space: pre-wrap;
    word-wrap: break-word;
    border-width: 1px;
    border-style: solid;
    border-color: initial;
    border-image: initial;
    padding: 2px;
}
</style>
</head>
<body>
<form action="#" id="mainform" method="post" target="hiframe" enctype="multipart/form-data">
<div class="cols">
<ul>
<li class="text">Your Link : </li>
<li><input name="link" id="link" type="text"></li>
</ul>
<ul>
<li class="text">Description : </li>
<li><textarea name="description" id="description"></textarea></li>
</ul>
<ul>
<li class="text">Picture : </li>
<li><input name="image" id="image" type="file" accept="image/*">
<input name="image_uped" id="image_uped" type="hidden" value=""/>
<input name="image_top" id="image_top" type="hidden" value=""/>
<input name="image_left" id="image_left" type="hidden" value=""/>
<input name="image_width" id="image_width" type="hidden" value=""/>
<input name="image_basewidth" id="image_basewidth" type="hidden" value=""/>
</li>
</ul>
<input id="submit_button" name="submit" type="submit" value="Submit">
</form>
<br><br>
<?php
if(isset($_POST["submit"]))
{
echo "<b>Your Link :</b>".$_POST["link"].'<br>';
echo "<b>Description :</b>".$_POST["description"].'<br>';
$target_dir = "uploads/";  // رفع الصور إلى مجلد
$target_file = $target_dir . basename($_FILES["image"]["name"]);
echo "<b>Picture :</b>".$target_dir.$_FILES["image"]["name"].'<br><img border="0" src="'.$target_dir.$_FILES["image"]["name"].'"><br>';
}
?>
</body>
</html>
توقيع :Soliman
تذكر : لكي تتم مساعدتك في استفساراتك وطلباتك يجب عليك الالتزام بتطبيق قوانين الدعم الفني


21-06-2017 03:35 صباحا
مشاهدة مشاركة منفردة [6]
BilalBilal
عضـو مشارك
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 21-06-2017
رقم العضوية : 7314
المشاركات : 42
الجنس : ذكر
تاريخ الميلاد : 25-11-1977
قوة السمعة : 0
PBBoard Version : غير محدد
 offline 
look/images/icons/i1.gif اريد عمل صفحة لدمج رابط مع صورة
للاسف اخى ظهر معى هذا

RSzxHK
لو تلاحظ بحولنى لصفحة اخرى فى لسان جديد فاضى وانا عاوز
الرابط المدموج يظهر فى تكست بوكس اخر بنفس الصفحة
اعذرنى فأنا جديد


تم تحرير المشاركة بواسطة :BilalBilal
بتاريخ:21-06-2017 03:37 صباحا



الصفحة 1 من 4 < 1 2 3 4 > الأخيرة »


الكلمات الدلالية
رابط ، صورة ، صفحة ، لدمج ، اريد ،


 







الساعة الآن 04:28 صباحا