اذهب إلى المحتوى

K@m@l

الأعضاء
  • المساهمات

    194
  • تاريخ الانضمام

  • تاريخ آخر زيارة

كل منشورات العضو K@m@l

  1. أنشأت عدة أعمدة في صفحة html بالاعتماد على إطار العمل Bootstrap،لكن لا أدري لما لا تظهر، حيث أضفت : columns-md-4تحتوي على <h3>و <p>وهذا الكود بأكمله: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Random App </title> <meta name="description" content="Random App"> <!-- Latest compiled and minified CSS --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> <!-- Optional theme --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css"> </head> <style> body{ padding-top: 40px } </style> <body> <!--Navbar--> <nav class="navbar navbar-inverse navbar-fixed-top" id="my-navbar"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a href="" class="navbar-brand">Random</a> </div> <!--Navbar Header--> <div class="collapse navbar-collapse" id="navbar-collapse"> <ul class="nav navbar-nav"> <li><a href="#feed">Feed</a> <li><a href="#gallery">Gallery</a> <li><a href="#feature">Feature</a> <li><a href="#contact">Contact</a> </ul> </div> <!--End container--> </nav> <!--End nav--> <!--jumbotron--> <div class="jumbotron"> <div class="container text-center"> <h1>Jumbotron</h1> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean auctor, erat quis suscipit auctor, justo lacus eleifend</p> </div><!--End Container--> </div><!--End jumbotron--> <div class="container"> <div class="row"> <div class="col-md-4"> <h3>Table A</h3> <p> Lorem ipsum Lorem ipsum Lorem ipsum</p> <blockquote> <footer>ujuyj</footer> </blockquote> <table class="table table-hover"> <thead> <tr class="success"> <th>Name</th> <th>Website</th> <th>By</th> </tr> </thead> <tbody> <tr> <td>UnoCento</td> <td>www.example.test</td> <td>TreCento</td> </tr> <tr> <td>UnoCento</td> <td>www.example.test</td> <td>TreCento</td> </tr> <tr> <td>UnoCento</td> <td>www.example.test</td> <td>TreCento</td> </tr> <tr> <td>UnoCento</td> <td>www.example.test</td> <td>TreCento</td> </tr> <tr> <td>UnoCento</td> <td>www.example.test</td> <td>TreCento</td> </tr> </tbody> </div> <div class="col-md-4"> <h3>Table B</h3> <p> Lorem ipsum Lorem ipsum Lorem ipsum</p> <blockquote> <footer>ujuyj</footer> </blockquote> <table class="table table-hover"> <thead> <tr class="success"> <th>Name</th> <th>Website</th> <th>By</th> </tr> </thead> <tbody> <tr> <td>UnoCento</td> <td>www.example.test</td> <td>TreCento</td> </tr> <tr> <td>UnoCento</td> <td>www.example.test</td> <td>TreCento</td> </tr> <tr> <td>UnoCento</td> <td>www.example.test</td> <td>TreCento</td> </tr> <tr> <td>UnoCento</td> <td>www.example.test</td> <td>TreCento</td> </tr> <tr> <td>UnoCento</td> <td>www.example.test</td> <td>TreCento</td> </tr> </tbody> </div> </div><!--End Row--> </div><!--End Container> <script src="http://code.jquery.com/jquery-2.1.4.min.js"></script> <!-- Latest compiled and minified JavaScript --> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> </body> </html>ما هي المشكلة بالضبط؟ وكيف يمكنني حلها؟
  2. في تطبيق على إطار العمل Rails أريد نشر منشورات- محتوى جدول- على صفحة بدلالة تاريخ الإنشاء، وهذه نبذة من الكود : كود سطر من الجدول على Html: <tbody> <% @events.each do |event| %> <tr> <td><%= event.image %>" height="50" width="50"></td> <td> <%= link_to event.title, event %></td> <td><%= event.category %></td> <td> <%= event.start_date %> / <%= event.end_dates %></td> </tr> وظيفة Index على المتحكم : def index @events = Event.all end أريد توضيح حول كيفية عرض المنشورات مع مراعاة تاريخ الإنشاء؟
  3. أريد السؤال عن إمكانية مشاركة صوري وبعض المستندات مع أصدقاء لي على تطبيق Google Drive، كيف يمكنني فعل ذلك؟ أريد شرح مفصل للموضوع أو صور توضيحية؟
  4. في ملف للتنسيق css مرفق مع صفحة Html، أعلم أن وظيفة importnat! تعطي الأولوية للخاصية التي تحملها على باقي الخصائص في حالة تعارض الخصائص فيما بينها، لكن في حالة كان للوسم خاصيتان متضادتان وكل منهما تحمل قيمة مختلفة عن الأخرى، ولكلاهما important!، أيهما ستطبق على الوسم؟ هل هناك وظيفة أخرى أعلى وأكثر قوة من important!؟ مثال: div p {color:green!important} div p {color:blue!important}ما هو اللون الذي ستأخذه p؟
  5. على موقع بـ ووردبريس لدي دالة تُرجع لي القيمة التالية: D:\wamp\www\myProject/wp-content/uploads/2015/11 وأريد استعمال الدالة preg_replace لأحصل فقط على الجزء : uploads/2015/11 كيف يمكنني فعل ذلك؟
  6. لي صورة على مستوى Header في صفحة html، هذه الصورة أريدها أن تصبح متجاوبة مع جميع الأجهزة والمقاسات المختلفة لشاشات العرض، كيف السبيل إلى فعل ذلك؟ كمثال، موقع remote.demowebsiteaddress.com
  7. لدي صورة من تصميم قديم لي، حيث يطغى اللون الأحمر على الصورة، وأريد أن أغيره إلى اللون الأزرق، فهل من طريقة لفعل ذلك على برنامج photoshop، إليكم الصورة: أريد تغير اللون إلى 66a6ff#، كيف أفعل ذلك؟
  8. من الأمور التي أريد تعلمها، طريقة تصميم صورة شخصية أو رسوم على كأس كبير للقهوة -Mug-، حيث أرى أن الكثير من الناس تفعل ذلك، كيف أتمكن من ذلك بشكل احترافي؟ مع إرفاق أي دروس مفيدة في حالة توفرها؟ مثال:
  9. في برنامج Indesign يمكن إضافة إطار للصور، سواء عن طريق Stroke أو إضافة مستطيل والتغيير من خصائصه ليصبح كإطار لصورة، وما أود السؤال عنه هو هل من طريقة مشابهة لعمل نفس الشيء على برنامج Sketch3؟
  10. أريد معرفة الطريقة المتبعة للحصول على مثل هذا التصميم باستعمال Illustrator، وأعلم أن الأمر ليس بالسهل لكن رغم ذلك لدي رغبة في التعلم، إليكم التصميم الذي أتحدث عنه: هل من درس أستفيد منه، أو مراحل تطبيقية لأصمم مثله؟
  11. أريد تصميم كتيب على Indesign، ورغم أني مبتدئ إلا أنني أجد نفسي أتعلم بسرعة تقنيات هذا البرنامج، وأريد السؤال، هل بإمكاني إضافة قطعة نص، مع جعل خلفيتها شبه شفافة، أي كيف أتحكم في خلفية القطع النصية؟ هل من دليل أو درس يفيدني في ذلك؟
  12. لدي في صفحة html مجموعة مقاطع صوتية من نوع audio، حيث بالإمكان الضغط على القطعة الموسيقية مرتين لتشغيلها، لكن ما أريده هو إنشاء زر Next لتبدأ المقاطع باللعب وعند الضغط على الزر ينتقل القارئ إلى القطعة التالية، هل هذا ممكن مع Jquery و Javascript؟ محاولتي: <div class="audio-player-pad"> <div class="container Test"> <div id="audio-image"> <img class="cover"/> </div> <div id="audio-player"> <div id="audio-info"> <span class="title"></span> - <span class="artist"></span> </div> <input id="volume" type="range" min="0" max="10" value="5" /> <br> <div id="buttons"> <span> <button class="img" id="prev"></button> <button id="play"></button> <button id="pause"></button> <button id="stop"></button> <button id="next"></button> <div id="tracker"> <div id="progressBar"> <span id="progress"></span> </div> <span id="duration"></span> </div> </span> </div> <table id="playlist"> <tr class="bold clickN"> <td>ID:</td> <td id="first" cover="emptycover.png" artist="Artist">Track-Name:</td> <td>Artist:</td> <td>Duration:</td> </tr> <tr> <td class="idD" song="Weown.mp3" cover="ownCover.png" artist="The Wanted" >1</td> <li><td >We Own The Night</td></li> <td>The Wanted</td> <td class="idD">3:25</td> </tr> <tr> <td class="idD">2</td> <li><td song="Live_For_The_Night_-_Krewella.mp3" cover="LiveCover.gif" artist="Krewella">Live For The Night</td></li> <td>Krewella</td> <td class="idD">3:27</td> </tr> <tr> <td class="idD">3</td> <li><td song="Not_Alone_Original_Mix.mp3" cover="NotCover.jpg" artist="Mako">Not Alone</td></li> <td>Mako</td> <td class="idD">4:46</td> </tr> <tr> <td class="idD">3</td> <li><td song="Two.mp3" cover="TwoCover.png" artist="Styline">Two Days Of Hope</td></li> <td>Styline</td> <td class="idD">3:55</td> </tr> <tr> <td class="idD">4</td> <li><td song="Volvo_IKEA_(Official lyric video).mp3" cover="ikeaCover.png" artist="Sander Hoogendoorn">Volvo Ikea</td></li> <td>Sander Hoogendoorn</td> <td class="idD">2:09</td> </tr> <tr> <td class="idD">5</td> <li><td song="TBD.mp3" cover="emptycover.png" artist="TBD">TBD</td></li> <td>TBD</td> <td class="idD">TBD</td> </tr> <tr> <td class="idD">6</td> <li><td song="TBD.mp3" cover="emptycover.png" artist="TBD">TBD</td></li> <td>TBD</td> <td class="idD">TBD</td> </tr> </table> </div> </div> </div>ثم ملف Jquery: var audio; //Hide Pause Initially $('#pause').hide(); //Initializer - Play First Song initAudio($('#first')); function initAudio(element){ var song = element.attr('song'); var title = element.text(); var cover = element.attr('cover'); var artist = element.attr('artist'); //Create a New Audio Object audio = new Audio('Music/' + song); if(!audio.currentTime){ $('#duration').html('0.00'); } $('#audio-player .title').text(title); $('#audio-player .artist').text(artist); //Insert Cover Image $('img.cover').attr('src','Pics/Cover/' + cover); $('#playlist tr').removeClass('active'); element.parent('tr').addClass('active'); } //Play Button $('#play').click(function(){ audio.play(); $('#play').hide(); $('#pause').show(); $('#duration').fadeIn(400); showDuration(); }); //Pause Button $('#pause').click(function(){ audio.pause(); $('#pause').hide(); $('#play').show(); }); //Stop Button $('#stop').click(function(){ audio.pause(); audio.currentTime = 0; $('#pause').hide(); $('#play').show(); $('#duration').fadeOut(400); }); //Next Button $('#next').click(function(){ audio.pause(); var next = $('#playlist tr.active').next(); initAudio(next); audio.play(); showDuration(); $('#play').hide(); $('#pause').show(); }); //Prev Button $('#prev').click(function(){ audio.pause(); var prev = $('#playlist tr.active').prev(); if (prev.length == 0) { prev = $('#playlist tr:last-child'); } initAudio(prev); audio.play(); showDuration(); $('#play').hide(); $('#pause').show(); }); //Playlist Song dblClick $('#playlist td:nth-child(2)').dblclick(function () { audio.pause(); initAudio($(this, 'td:nth-child(2)')); $('#play').hide(); $('#pause').show(); $('#duration').fadeIn(400); audio.play(); showDuration(); }); //Playlist song click $('#playlist td:nth-child(2)').click(function() { audio.pause(); $('#pause').hide(); $('#play').show(); }); //Volume Control $('#volume').change(function(){ audio.volume = parseFloat(this.value / 10); }); //Time Duration function showDuration(){ $(audio).bind('timeupdate', function(){ //Get hours and minutes var s = parseInt(audio.currentTime % 60); var m = parseInt((audio.currentTime / 60) % 60); //Add 0 if seconds less than 10 if (s < 10) { s = '0' + s; } $('#duration').html(m + '.' + s); var value = 0; if (audio.currentTime > 0) { value = Math.floor((100 / audio.duration) * audio.currentTime); } $('#progress').css('width',value+'%'); }); }لكن عند ضغطي لا يقع أي حدث، وكأني لم أقم بالضغط، فهل من حل للمشكل؟
  13. على صفحة Html بسيطة لدي وسم Div وأريد أيكون له خلفية عبارة عن صورة، ولا أعلم حقيقة أين هو الخطأ، إليكم الكود: <!DOCTYPE html> <html> <head> <title>Index</title> <link rel="stylesheet" type="text/css" href="mycss.css"> </head> <body> <div id="header"></div> </body> </html>وهذا ملف التنسيق: #header{ background-image: url("header.jpg"); 50% 0 repeat; background-size: cover; }هل من مثال توضيحي؟ أو إبراز مكان الخطأ لدي؟
  14. لدي تطبيق سطح مكتب على لغة #C، والمشكل الذي أواجه أن مقاس النافذة لا يبقى على حاله عند تصغيره بعد إخفاء النافذة وإظهارها من جديد، ولا أدري ما الذي يحدث بالضبط؟ إليكم لمحة حول الكود البرمجي المستعمل في التطبيق: طريقة Draw : public virtual void Draw(GameTime gameTime, SpriteBatch spriteBatch) { // تموضع المكونات spriteBatch.Draw(textureImage, position, new Rectangle( (currentFrame.X * frameSize.X), (currentFrame.Y * frameSize.Y), frameSize.X, frameSize.Y), Color.White, 0, Vector2.Zero, 2, SpriteEffects.None, 0); }حساب مسافات الموقع: // للتموضع Vector2 استعمال public PlayerMovement(Texture2D textureImage, Vector2 position, Point frameSize, int collisionOffSet, Point currentFrame, Point startFrame, Point sheetSize, float speed, float speedMultiplier, float millisecondsPerFrame) : base(textureImage, position, frameSize, collisionOffSet, currentFrame, startFrame, sheetSize, speed, speedMultiplier, millisecondsPerFrame) { children = new List<Sprite>(); }فكيف يمكنني المحافظة على مقاس النافذة وأماكن مكوناتها حتى بعد إخفاءها وإظهارها من جديد؟
  15. أعمل على تطبيق wpf بلغة #C، حيث أتوفر على مجموعة صور، وما أريد السؤال عنه هو إمكانية تضمين لخاصية TabIndex للصور حتى يتمكن المستخدم من تصفحها بزر Tab؟ كيف أفعل ذلك؟
  16. لدي مصفوفة أرقام على تطبيق #C، وأريد من المستخدم ملْء هذه الأخيرة شرط أن أُظهر له رسالة خطأ عند إدخاله لقيمة نصية وليس رقمية، كيف أفعل ذلك؟ هذه محاولتي الفاشلة : static void Main(string[] args) { // array int[] ft = new int[2]; for (int i = 0; i < 2; i++) { Console.WriteLine("number:"); ft[i] = Convert.ToInt32(Console.ReadLine()); } Console.Read(); }
  17. أعمل على إطار العمل Yii لمن يعرفه، وأريد الانتقال نحو صفحة باستعمال الدالة : $this->redirectلكن المشكل أنه لا يتم تقل المستخدم إلى الصفحة المُحدّدة، لا أدري لم، وهذه هي الوظيفة المسؤولة عن الانتقال: class TplUserNavigation extends CWidget{ public function run() { if(isset(Yii::app()->user->id) && Yii::app()->user->getState('userType') == 'User'){ $users = Users::model()->findByAttributes(array('id'=>Yii::app()->user->id)); $this->render('webroot.themes.'.Yii::app()->theme->name.'.views.layouts.tpl_navigation', array('users'=>$users)); }else{ $this->redirect('site/index'); } }فكيف أستخدم Redirect بشكل صحيح على Yii؟
  18. هل من الممكن إنشاء أعمدة جدول باستخدام Bootstrap وحلقات التكرار على لغة البرمجة Php خاصة بكل 3 أعمدة، بشرط أن أفصل كود php عن كود الواجهة. هذا الكود الخاص بي: <?php include('connect.php'); $object = ""; $checkTables = $con -> prepare("SELECT * FROM available"); $checkTables -> execute(); $tables = $checkTables->fetchALL(PDO::FETCH_ASSOC); $i = 0; foreach($tables as $table): if($table['avail'] == 0) { $object .= '<div class="col-sm-4"><div class="table full"><p> 0 seats are avaiable.</p></div></div>'; } else { $object .= '<div class="col-sm-4"><div id="table_'. $table['id'] .'" class="table"><p>' . $table['avail'] . ' seats are avaiable.</p></div></div>'; } $i++; endforeach; ?> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="css/bootstrap.min.css"> <link rel="stylesheet" href="css/bootstrap-theme.min.css"> <link rel="stylesheet" href="css/style.css"> </head> <body> <div class="container-fluid text-center"> <?php echo $object; ?> </div><!-- End of container --> <script type="text/javascript" src="js/jquery-2.1.3.min.js"></script> <script type="text/javascript" src="js/bootstrap.min.js"></script> <script type="text/javascript" src="js/main.js"></script> </body> </html>أود فصل حلقات التكرار، وجعلها أعلى الملف حتى تُفصل عن كود الواجهة -View-، فكيف ذلك؟
  19. أحاول القيام ببعض الحسابات الرياضية من خلال أخذ بعض القيم التي يقوم المستخدم بإدخالها على حقول نصية، باستخدام php، لكن المشكل أن المستخدم يُدخل العديد من القيم مع فواصل تفصل بينها، وأريد إزالة هذه الفواصل. مثلا يقوم المستخدم بإدخال القيم :3,2,4 وفي حقل آخر5,4,3,2,1 على أن أكتب شيفرة برمجية تقوم بعملية مجموع ضرب جميع أعداد الحقلين فيما بينها، بهذا الشكل: 3*5+3*4+3*3+3*2+3*1 + 2*5+2*4+2*3+2*2+2*1 + 4*5+4*4+4*3+4*2+4*1 وهده نتيجة محاولتي: $first = $_POST['first']; $second= $_POST['second']; $maths = $first[0] * $second[0] + $first[0] * $second[1] + $first[0] * $second[2] + $first[0] * $second[3] + $first[0] * $second[4] + $first[0] * $second[5] + $first[1] * $second[0] + $first[1] * $second[1] + $first[1] * $second[2] + $first[1] * $second[3] + $first[1] * $second[4] + $first[1] * $second[5] + $first[2] * $second[0] + $first[2] * $second[1] + $first[2] * $second[2] + $first[2] * $second[3] + $first[2] * $second[4] + $first[2] * $second[5]; $result = "$first[0] * $second[0] + $first[0] * $second[1] + $first[0] * $second[2] + $first[0] * $second[3] + $first[0] * $second[4] + $first[0] * $second[5] + $first[1] * $second[0] + $first[1] * $second[1] + $first[1] * $second[2] + $first[1] * $second[3] + $first[1] * $second[4] + $first[1] * $second[5] + $first[2] * $second[0] + $first[2] * $second[1] + $first[2] * $second[2] + $first[2] * $second[3] + $first[2] * $second[4] + $first[2] * $second[5]"; echo "</br>"; echo "the question is $result"; echo "</br>"; echo "the result is $maths ";لكن بعد الحساب يظهر لي فواصل مع الأرقام، مما يعني أنها لم تُزَل بشكل كلي وصحيح، كيف أقوم بذلك؟
  20. أنا قليل الخبرة على برنامج Inkscape، ومن خلال التعامل الأولي معه لاحظت أن البرنامج شبه معقد وصعب الاستعمال، فقد حاولت تصميم أيقونة بصيغة png من خلال القائمة: Path>Trace Bitmap لكن لم أتمكن من الحصول على خلفية شفقافة في الجزء الابيض، فكيف يمكنكني فعل ذلك؟
  21. أود السؤال عن الفرق بين وضع أيقونات في رأس الصفحة -Header- ووضع نصوص، مثلا لدي موقع وأريد أن أضع في رأس الصفحة قسم خاص بالأعضاء، قسم بالأسئلة... وأن أضيف أيضا حقل للبحث في الموقع، فهل من الجيد وضع أيقونات لكل قسم، على أن تكون الأيقونات تعكس وظيفة مل منها، أو أضع نص فقط؟ ماهي إيجابيات وسلبيات كل منهما؟
  22. ماهي لغة R وفيما تستعمل، وهل أنا كمبرمج يتوجب علي معرفتها والإلمام بقواعدها؟
  23. أريد إضافة إطار-border- لصورة على برنامج Gimp، ولا أدري ما الخطوات التي عليَ اتباعها، كيف أفعل ذلك؟
  24. أطرح هذا السؤال لأني أجد نفسي أستعمل bootstrap وأسأل نفسي، أليس بإمكاني الإستغناء عنه؟ كيف أتمكن من برمجة Grid System بـ css؟
  25. أريد اصافة ألوان مختلفة لعناصر GridViewColumn على ListView، في تطبيق Wpf، وقد بحثت مطولا، وهذه محاولتي للخروج بنتيجة: <ListView x:Name="ListBoxSelectedPlaylist" ItemsSource="{Binding Path=SelectedPlaylist.PlayableElements}" Grid.Row="1"> <ListView.Resources> <ContextMenu x:Key="ContextMenu"> <MenuItem Header="Delete item(s)" Click="ListBoxSelectedPlaylist_MenuItemDeleteItems_Click" /> </ContextMenu> <Style TargetType="{x:Type ListViewItem}"> <Setter Property="ContextMenu" Value="{StaticResource ContextMenu}"/> </Style> </ListView.Resources> <ListView.View> <GridView> <GridViewColumn Header="State" DisplayMemberBinding="{Binding ElementPlayingState}" /> <GridViewColumn Header="Extension" DisplayMemberBinding="{Binding Extension}" /> <GridViewColumn Header="Filename" DisplayMemberBinding="{Binding Filename}" /> <GridViewColumn Header="Src" DisplayMemberBinding="{Binding Src}" /> </GridView> </ListView.View> </ListView>ومع الأسف لا أدري أين يكمن الخطأ؟ كيف يمكنني فعل الأمر؟
×
×
  • أضف...